Теперь у шрифтов есть сайт!

👉 fonts.oblch.ru Сейчас там: — 1355 шрифтов (+520) — Можно проверить любой текст до установки — Есть поиск и 3 фильтра (пока что) — Можно скачать файл отдельно или сразу всё — Инструкции для всех устройств Архивы на канал буду добавлять и дальше, чтобы можно было обновляться. Но с текущими шрифтами закину чуть позже, пока лучше сайт потыкайте ⏳ Это первый релиз и мне очень важна обратная связь! Если вдруг что-то не работает или есть идеи по улучшениям — пишите в личку @oblachnii

Новое в Spine: Экспорт в один HTML для клиентов

В последнем обновлении появилась возможность экспортировать проект в один HTML-файл для прямой отправки клиентам. ✅ Плюсы • Плавное воспроизведение, максимально возможное качество • Просмотр всех анимации и скинов с элементами управления плеера • Один файл, удобно делиться • Настройка скорости и отладка анимации ❌ Минусы • Нет превью при отправке, нужно открывать файл или ссылку • Большой вес при работе со сложными проектами • Не подходит для платформ без поддержки HTML • Нет встроенной системы отзывов или комментариев • Длительная загрузка (все ресурсы грузятся сразу) Пример: https://warmanw.com/spine/wildlife/horse.html

Текст норм?

Интерфейс на 90% состоит из текста. UX-редакторов, как правило, очень мало. В нашей команде их два, но даже они физически не смогут отревьювить все наши интерфейсы. Поэтому мы-дизайнеры стараемся сами писать простой, понятный и дружелюбный текст, следуя редполитике, которую составили редакторы. В команде дизайна взяли курс на разумную ИИ-зацию. Я решил собрать плагин для Фигмы, который будет проверять текст по редполитике и писать замечания. До этого никогда не вайбкодил :) Но опыт разработки был. Впервые поставил Codex от ChatGPT и написал промпт: Создай плагин для Figma, чтобы проверять тексты в макетах дизайнеров на соответствие редполитике. Редполитика лежит в приложенном файле. Сценарий использования: — Дизайнер запускает плагин — Выделяет секцию или фрейм, где нужно проверить тексты — Плагин сверяется с редполитикой и выводит список замечаний. У каждого замечания есть короткое описание, почему оно появилось. И рекомендация исправления. При нажатии на замечания происходит фокусирование на нужном фрейме. [редполитика.pdf] И с первого раза получился аккуратный чистый интерфейс и работающий алгоритм. Я намеренно не использовал API нейронки, чтобы не передавать наши интерфейсы хрен-пойми куда и не зависеть от лимитов. Всё работает на регулярках и простых ифчиках. Потестил немного и сделал доработки: — Доработал UI: добавил больше отзывчивости в кнопки, лоадеры, состояния, убрал лишние элементы, добавил группировку замечаний, привёл к нашему стилю, добавил тёмную тему. — Добавил много исключений, чтобы убрать ложные срабатывания. — Значительно ускорил плагин с помощью кеширования, добавлении быстрой пред-проверки, уменьшению размера первого батча (оказывается, это подход ramp-up batching). — В конце добавил самое главное: кнопки для автоматического исправления замечаний. Начали активно тестировать в команде. Дизайнеры в восторге; редакторы тоже рады, потому что могут прогонять макеты плагином перед своей работой. Будем продолжать тестировать и улучшать качество плагина. А вы ИИ-зируетесь в дизайне?
Video is not supported

вайбкодить - это дорого и сложно? нет! 💻

речь именно про инструменты вайб-кодинга, а не no-code конструкторы типа Lovable. Что можно сделать с нуля и без опыта? - попросить ИИ сделать простой сайт-визитку - поправить текст и кнопки на странице - собрать тулзу для дизайна/редактирования фотографий - найти ошибку в коде, если что-то не запускается - разобрать чужой проект и объяснить, где что лежит - пошагово составить план, как сделать свою идею, даже если сам пока не очень понимаешь, с чего начать Здесь принцип работы такой: ИИ может работать с файлами на твоём компе, с папками, проектами, кодом, терминалом, а местами и помогать с другими рабочими задачами вокруг проекта. Где вайбкодить бесплатно? Cursor - самый простой для входа, скачал, установил и в бой. Это редактор кода с ИИ, куда можно писать почти человеческим языком: “сделай форму”, “объясни этот файл”, “почини ошибку”. У бесплатного тарифа есть небольшой лимит, но чтобы просто попробовать - этого хватает. Qwen CLI - вариант для тех, кто готов немного подружиться с терминалом. Звучит страшнее, чем есть на самом деле: по сути это способ общаться с ИИ прямо у себя на компьютере, чтобы он помогал смотреть файлы, менять код и разбираться в проекте. Сам инструмент бесплатный, лимитов хватает, чтобы делать небольшие проекты. OpenCode - отличный вариант, если хочется чего-то помощнее, или есть небольшой опыт в разработке. У него есть бесплатные модели из коробки, так что на старте можно попробовать даже без подписки и ключей. А если потом захочется больше гибкости — можно уже подключить свои модели от других провайдеров, в том числе бесплатные через OpenRouter. Плюс у OpenCode есть агенты для кодинга: 1. Build - когда надо делать, 2. Plan - когда надо сначала подумать и разложить все по шагам. Встроенный режим планирования помогает сначала продумать, как подступиться к задаче, даже если ты не программист, и только потом можно переключиться в режим реализации, когда агенты начнут программировать этот план за тебя. Итого: Cursor - скачал, поставил, всё ты вайбкодер. Qwen CLI - если хочешь почувствовать себя немного кулхацкером. OpenCode - если хочется сразу осваивать актуальный и мощный инструмент с агентами, планированием и возможностью расти дальше. не откладывай на завтра, потрогай вайб-кодинг сегодня и делись результатами! на курсе Повседневное Использование Нейросетей с 14.04 есть весомый блок по вайбкодингу, где мы пройдём полный путь с нуля до создания веб сервисов, телеграм ботов, онлайн игр и других инструментов, решающих ваши повседневные задачи! мы снизили стоимость курса, чтобы у каждого была возможность пройти обучение, приходите! 🤩 купить курс 🤩
Погнали дальше💪🏼
4 апреля с нами на Удаленке с 14:00 до 15:30 Виталий Кузьмин из Паратайп Тема: От эскиза к шрифтовому файлу Как из набора отдельных нарисованных букв построить шрифтовой файл, готовый для работы в макете. Разберём: — какой минимальный набор знаков нам может пригодиться в шрифте — как перенести нарисованные знаки в шрифтовой редактор — как выстроить взаимосвязи между знаками — какие есть возможности манипуляции с глифами — что такое кернинг, зачем он нужен и как его сделать — как построить готовый для работы файл шрифта Забить место на Удаленку и посмотреть программу можно по ссылке https://multibranding.ru/remote
Poly. Лендинг умного облачного файлового браузера — сервиса для хранения и организации любых ассетов. Шикарные насыщенные анимации по скроллу.
#вдохновение@zhurnalus_lite #сайт@zhurnalus_lite
Video is not supported
Изображение канала: Вакансии для дизайнеров
😍 HUMAN ищут Арт-директора
HUMAN — агентство, которое уже 10+ лет делает не просто креатив, а создает смыслы: кино, фестивали, арт-объекты, ивенты и рекламные кампании для топовых брендов. Ищут арт-директора, который сможет брать сложные проекты с нуля, задавать сильное визуальное направление, развивать команду дизайнеров и держать высокую планку качества на каждом этапе работы. 📍 Москва, гибрид 🕐 Полная занятость 👀 Что ожидают: – Опыт Senior специалиста и портфолио - Опыт ведения проектов под ключ: от идеи до финальной сдачи клиенту - Сильный арт-дирекшн и умение давать четкие, структурированные правки, которые реально улучшают результат - Экспертное владение Figma и Adobe Suite (Photoshop, Illustrator и др.) - Глубокое понимание адаптации графики под разные носители: digital, офлайн, широкоформатная печать - Опыт с предпечатной подготовкой, оптимизацией файлов, дизайн-системами и мастер-макетами - Насмотренность и системный подход к референсам: не просто “красиво”, а с пониманием, почему это работает - Умение быстро находить визуальные решения в разных стилистиках: от классики до экспериментальной типографики - Осмысленное использование нейросетей как инструмента ускорения с последующей ручной доработкой - Лидерство, умение делегировать, поддерживать команду и выстраивать приоритеты - Сильные коммуникационные навыки и способность защищать визуальные решения перед клиентом и внутри команды 💎 Чем будете заниматься: - Выстраивать процесс так, чтобы финальный визуальный продукт стабильно соответствовал высокому уровню агентства - Проверять и направлять работу дизайнеров на всех этапах проекта - Брать на себя сложные проекты с нуля: формулировать визуальную идею, собирать мудборды и референсы, задавать направление команде - Развивать дизайнеров: помогать лучше чувствовать типографику, сетку, композицию, ритм и иерархию - Помогать команде не закапываться в лишний перфекционизм там, где важнее скорость и точность - Внедрять эффективные инструменты и улучшать внутренние процессы - Участвовать в презентациях идей внутри агентства и с клиентами - Переводить обратную связь в понятные задачи и решения 🦋 Что предлагают: - Оформление по ТК РФ - ДМС - Гибридный формат работы с фокусом на удаленку - Зарплату по итогам собеседования - Полную занятость с гибкими часами работы - Ежеквартальные бонусы - Возможность расти, учиться у сильной команды и делать по-настоящему крутые проекты: от креативов 360 до создания айдентики фестивальных фильмов и м/н фестивалей - Теплую атмосферу без офисного формализма - Важно: бывают периоды высокой загрузки, когда нужно подключаться в выходные, праздники или вне стандартного графика 🔠 Почта для отклика: valerieklabukova@wearehuman.ru
Изображение канала: Фабрика Дизайна
Собрали готовые изображения людей в разных форматах и стилях под большинство дизайнерских задач. Сохраните, чтобы не потерять!
🔶 Настраиваемая система с анатомически точными векторными иллюстрациями в разных ракурсах. Благодаря набору можно отдельно создавать все системы организма человека по деталям. 🔶 Адаптивный набор из более 1 700 изображений в урбанистическом стиле. Иллюстрации выполнены в двух цветах: чёрном и голубом. Здесь можно найти картинки по разным темам: бизнес, обучение, здоровье и другим. 🔶 Более 1 000 минималистичных чёрно-белых иллюстраций из 20 категорий. Векторные пикчи в авторской стилистике подойдут для лайфстайл-проектов с долей юмора. 🔶 Векторные картинки выполнены в нейтральной цветовой гамме. Иллюстрации с разными сюжетами из офисной жизни отлично подойдут для презентации или простого лендинга. 🔶 3D-эмодзи с изображениями людей. Есть PNG-файлы и SVG-версии (цветная и плоская), а также набор с высокой контрастностью. 🔶 Скетчи в стилистике бельгийского комикса «Тинтин». Простые линейные рисунки в светлых оттенках, юмористичные сюжеты с ситуациями из жизни. 🔶 Люди в процессе чтения и обучения. Цветные картинки в популярном плоском, геометрическом стиле. 🔶 Двухцветный набор в духе азиатских комиксов. Герои векторных дудлов изображены в саду, самолёте, за работой и в других ситуациях. Набор подойдёт, если нужно рассказать стройную историю, используя рисованных персонажей. 🔶 Настраиваемый пак с простой чёрно-белой графикой. Можно создать своего персонажа, используя разные компоненты, или взять готовый рисунок. Пригодится, если для проекта нужны разные городские типажи. 🔶 3D-персонаж для иллюстрации рабочего процесса. Герой в чёрной водолазке выступает перед графиками, читает или работает в кресле-мешке. 🔶 Забавные цветные аватарки. С помощью конструктора можно создать уникальный характерный юзерпик из предлагаемых блоков. 🔶 Люди и спорт в самых разных его вариантах. Плоская графика, серо-голубая гамма, гипертрофированные формы для лёгких, неперегруженных макетов. [Фабрика Дизайна]
Изображение канала: 💙 kk про дизайн
Наконец-то нашла время рассказать вам про Figma Make ➕, а уже выпустили новую фичу... катастрофически не успеваю.
На одном из проектов мы активно используем ее, как рабочий прототип. И пожалуй, это первый раз за всю шумиху с нейронками, когда я почувствовала революционное решение. Этот инструмент действительно очень удобен и выполняет невероятные вещи по командам с ИИ-чатом. Раньше для наглядности и проверки флоу нам нужно было линковать все макеты и состояния элементов в обычной Figma, а сейчас на довольно качественном уровне вы можете попросить сделать это Make (текстовым описанием или прикрепленными Figma файлами). Настоящая магия! НО сейчас в проекте мы уперлись в необходимость опоры на дизайн-систему. Из-за отсутствия привязки к какому-то главному Figma макету, наши версии могут немного плясать по дизайну. Только из-за этого неудобства Make сейчас не может стать самостоятельным инструментом. Думаю, это докрутят в ближайшее время. Во всем остальном считаю это прорывом 🖤 Очень советую попробовать! Сейчас пока еще можно поиграться с ней в бесплатной версии. Картиночка взята из статьи
Изображение канала: Дизайнер, привет
🧩 Figma Make не заработает нормально, пока не подключите библиотеку компонентов
Команды редко тормозят на этапе рисования экранов. Обычно проблема в другом: нужно быстро проверить идею, а потом не разгребать хаос. Сделали экран в Фигме, ушли в AI-инструмент, получили прототип, вернулись и начали менять случайные кнопки и отступы на свои. Полдня ушло. Ромина Кавчич хорошо объясняет, почему так происходит. Проблема не в AI, а в потере контекста. Figma Make дает результат, когда работает внутри вашего файла с дизайн-системой: компонентами, вариантами, переменными и правилами нейминга. Плюс можно подтянуть требования и контент из Notion, GitHub, Jira и других источников, чтобы прототип собирался не по догадкам. Внутри: – Почему без подключенной библиотеки Figma Make почти всегда генерирует общий и нерелевантный UI; – Что нужно сделать перед первым промптом: включить библиотеки, выписать точные имена компонентов, определить границы прототипа; – Как писать промпты, чтобы инструмент использовал ваши компоненты и состояния, а не придумывал новые; – Зачем сразу требовать состояния загрузки, пустого экрана, ошибки и успеха; – Как итерироваться быстрее: править по одному изменению за раз и не копить правки в один запрос; – Как подключать внешний контекст из Notion и GitHub вместо копипаста требований; – Когда есть смысл использовать живые данные и API, чтобы проверить плотность контента и крайние случаи; – Какие варианты выхода есть после сборки: оставить в Фигме, экспортировать код как референс или дать демо-ссылку. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение канала: Retro Figma
На сайте Figma есть бесплатный редактор GIF-файлов.
www.figma.com/gif-maker/
Video is not supported
Изображение канала: Дизайнер, привет
🦋 Почему ИИ-помощник не понимает ваш UI Kit и как это починить
С AI в разработке почти у всех сначала один и тот же опыт: просишь собрать что-то простое, получаешь результат за пять минут и думаешь, что дальше будет только лучше. А потом помощник начинает придумывать несуществующие компоненты, путать prop’ы, переписывать рабочий код и игнорировать паттерны проекта. В Яндекс 360 пришли к простой мысли: дело не в модели, а в том, что проект для нее остается черным ящиком. Валерий Баранов показывает, как они сделали фронтенд AI-ready. Сначала дали ассистенту базовый контекст через AGENTS.md, чтобы он понимал структуру репозитория, команды и ограничения. Потом добавили MCP для внутренней документации UI Kit и связали Figma с кодом через Code Connect, чтобы модель понимала не только дизайн, но и реальные компоненты, токены и нейминг в коде. Внутри: – Почему почти у всех наступает долина разочарования после первых удачных промптов; – Что именно стоит класть в AGENTS.md, а что только засоряет контекст; – Почему короткий и жестко сформулированный файл работает лучше длинной простыни; – Как MCP закрывает проблему внутренних библиотек и закрытой документации; – Почему дизайн-система должна быть понятна модели на уровне Foundation, компонентов и паттернов; – Как в Яндекс 360 разделили источник правды между Figma и кодом; – Зачем нужен Figma Code Connect, если у вас уже есть UI Kit; – Почему AI-ready проект это не магия, а нормальная инфраструктурная работа. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение канала: Дизайн-снайпер
Минутка Figma:
24 марта Figma запустила открытую бета-версию своего сервера MCP, позволив ИИ-агентам от Claude Code, Cursor, GitHub Copilot и других создавать и редактировать нативные концепты дизайна прямо в файлах Figma. Эти агенты анализируют полные системы дизайна — компоненты, переменные и авторазметку — для генерации редактируемых слоёв, учитывая варианты и предлагая улучшения. Дизайнеры пока только хвалят ускорение процесса, позволяющее сократить разрыв между дизайном и кодом, хотя некоторые беспокоятся о влиянии на рынок труда и отмечают, что доработки по-прежнему требуют участия человека. Первые пользователи беты создали разное от просмотрщиков фотографий до полноценных портфолио, а на 31 марта запланирована прямая трансляция запуска.
Video is not supported
Изображение канала: Дизайнер, привет
📩 Почему отклик на вакансию часто улетает в пустоту еще до того, как его увидит человек
Многие думают, что проблема в рынке или в том, что конкуренция слишком высокая. Часто все проще: резюме не считывается, не попадает в требования вакансии или выглядит как еще один безликий отклик из сотни таких же. И тогда вас отсекает либо робот, либо рекрутер за первые несколько секунд. В этом гайде от ребят из Кинжала хорошо разложено, что вообще можно подкрутить до нажатия кнопки «Откликнуться». Не только резюме, но и тему письма, сопроводительное, ссылки, формулировки и даже то, как вы разговариваете с системой ATS. Полезно именно тем, что материал не уходит в абстрактные советы, а показывает, где соискатели чаще всего сливают шанс на первом касании. Кстати, приходите на hirehi.ru, там всё есть для помощи) Внутри: – Почему шаблонные формулировки в резюме почти не работают; – Зачем адаптировать резюме под конкретную вакансию, а не рассылать одно и то же; – Как сопроводительное письмо может вытянуть отклик даже при неидеальном резюме; – Что важно проверить до отправки: ссылки, тему письма, название файлов, профиль на hh; – Как устроен первичный отсев через ATS и почему резюме может не дойти до человека; – Какие ошибки в оформлении ломают парсинг резюме; – Как показать мотивацию и интерес к компании без воды и клише; – Чем можно компенсировать отсутствие опыта, если вы только заходите в профессию. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Изображение канала: Дизайнер, привет
🤩 Фигма открыла canvas для AI-агентов
Теперь AI-агенты могут работать прямо внутри Фигмы, а не только рядом с ней. Они умеют создавать и менять макеты в файлах, использовать компоненты, переменные и дизайн-систему команды. Главная идея в том, что AI больше не рисует абстрактный интерфейс «из головы». Если в команде есть свои правила, компоненты и инструкции, агент может опираться на них и делать макеты ближе к реальному продукту, а не к шаблонной картинке. Плюс челы добавили skills. Это markdown-инструкции, которые объясняют агенту, как именно работать: какие шаги делать, в каком порядке и по каким правилам. Пока функция бесплатна в бете, потом станет платной. Пошли по стопам агентов в общем, давно пора было такое завозить, немного отстают от рынка)) ➡️ Тут почитать ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Video is not supported
Изображение канала: Retro Figma
Figma notification Template — цветные и настраиваемые файлы уведомлений
Install
Изображение поста
Изображение канала: 💙 kk про дизайн
Сейчас многие ищут место для переезда из телеграмма, и мне пришла забавная идея, что вообще-то у нас есть никем не ограниченный Pinterest 😁
Для дизайнеров самое то! Нам бы туда мессенджер доработать: каналы добавить и возможность прикрепления файлов/войсов и все, идеальное место готово! Там можно создавать группы и общаться, поэтому дело за малым) Есть у вас идеи по перемещению в другие сервисы?
Изображение поста
Изображение канала: Retro Figma
Convertify — плагин позволяет импортировать PDF-файлы, макеты Adobe XD, Illustrator и информацию из Google Docs, а также конвертировать макеты Sketch, XD, After Effects или EPS.
Install plugin
Video is not supported
Изображение канала: Figma Design
Procreate Import — плагин позволяет импортировать файлы из Procreate с сохранением структуры и основных параметров: слоёв и групп, режимов наложения, clipping masks, цвета фона и цветового пространства sRGB. Поддерживаются настройки размера и импорт всех слоёв или с их объединением.
Install plugin На случай блокировок, наш резервный канал.
Video is not supported
Изображение канала: Retro Figma
Плагин «SVG Exporter» by leo
Удобный плагин для быстрого экспорта SVG файлов Скачать плагин #plugin
Изображение поста