🧱 В UXART поняли, что теряют сотни тысяч не на больших ошибках, а на кривой дизайн-системе

Старая система у студии была слишком тяжелой, негибкой и годилась в основном для грубого вайрфрейминга. На ней было сложно собирать нормальные высокодетализированные прототипы, приходилось постоянно что-то править на ходу, а первое впечатление от работы могло страдать просто из-за плохого визуала и топорных компонентов. В какой то момент команда решила не латать это бесконечно, а пересобрать все с нуля. Завели токены, пошли через атомарный дизайн, начали с самых частых элементов вроде кнопок, инпутов и выпадающих списков, а потом нарастили библиотеку до рабочего инструмента, который ускоряет и проектирование, и дизайн. В итоге выиграла и студия, и клиенты: меньше ручной рутины, быстрее концепты, проще кастомизация под конкретный продукт. Внутри: – Почему старая дизайн-система тормозила работу и съедала ресурсы; – Чем дизайн-система отличается от обычного UI-kit; – Как команда собирала новую систему через токены и атомарный дизайн; – Почему начали с малого, а не пытались охватить все сразу; – Как переиспользуемые компоненты ускорили проектирование интерфейсов; – Почему скорость не превращает проекты в однотипные шаблоны; – Что получает клиент, когда у студии есть нормальная дизайн-система; – Как токены помогают адаптировать одну систему под разные продукты. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

🧩 В Фигме появился способ сделать компоненты гибче и не плодить сотни вариантов

Дизайн-система обычно начинает ломаться не тогда, когда она маленькая, а когда команда начинает обходить ее сама. Где-то отцепили инстанс, где-то сделали еще 12 вариантов карточки, где-то собрали отдельный модал только потому, что в базовом компоненте не хватило свободы. В Фигме для этого запустили слоты. По сути это способ оставить структуру компонента стабильной, но менять содержимое внутри без detatch. Зои Адельман и Сара Келли показывают, что лучше всего это работает на меню, модалках, карточках, панелях и даже крупных layout-компонентах. Для дизайн-систем это меньше вариантов и поддержки, для дизайнеров больше свободы внутри системы. Внутри: – С каких компонентов лучше начинать внедрение слотов, чтобы эффект был заметен сразу; – Когда слот должен быть пустым, а когда лучше сразу давать дефолтный контент; – Как preferred instances помогают не превратить свободу в хаос; – Почему слоты полезны не только для мелких элементов, но и для целых layout-блоков; – Как слоты сокращают количество вариантов и уменьшают поддержку библиотеки; – Почему связка со структурой кода делает handoff понятнее; – Как слоты помогают не detatch-компоненты там, где раньше без этого не обходилось; – Почему для автоматизации и AI это тоже важный шаг, потому что структура становится явной. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

⭐️ Что ждут от дизайнера в 2026

Если сейчас открыть вакансии, картина в целом понятная. Фигма уже давно база, насмотренность тоже. А вот дальше почти везде начинают мелькать Курсор, Клод, Мижорня и другие AI инструменты. То есть AI навыки из «будет плюсом» довольно быстро перешли в категорию «ну это уже надо уметь». Но проблема даже не в этом. Названия инструментов знают уже почти все. А вот нормально встроить их в рабочий процесс умеют пока немногие. Обычно как бывает. Нагенерил интерфейс, на первый взгляд вроде ок. А потом смотришь внимательнее: компоненты не из твоей библиотеки, токены кривые, стили живут своей жизнью и половину все равно приходится пересобирать руками. В итоге времени потратил много, токены сжег, а профита не так уж и много. 🗓 7 апреля в 18:00 мск Даниил Шишко из Pixel Perfect проведет бесплатный эфир как раз про это. Покажет не абстрактные советы, а нормальный процесс на реальной задаче. Возьмет кейс от крупной красной корпорации из РФ: сложный интерфейс, сайдбар с вложенными сервисами, два типа пользователей и своя дизайн система. В общем, та самая история, на которую обычно уходит несколько дней только на макеты, а потом еще ждешь, пока все это закодят. 🔥 Что покажет? На эфире соберет это за час через Antigravity с Claude Code внутри. Покажет, как перенести дизайн систему так, чтобы AI сам подтягивал правильные компоненты, и как быстро собрать прототип, который уже можно тестировать. Плюс отдельно покажет, как вкатиться в такой агентский воркфлоу без лишних затрат. Если давно хотели понять, как AI реально использовать в продуктовой работе, а не просто гонять красивые картинки, выглядит полезно и актуально на текущий год точно) Эфир будет у ребят в канале, вэлком 🔠 Смотреть эфир 🔠 Смотреть эфир 🔠 Смотреть эфир

Контент-дизайнер в Академия Ивана Замесина

Ваня Замесин, автор методологий AURA и Advanced JTBD, курса «Как делать продукт» и основатель сервиса подбора психотерапевтов «Мета» Задачи: — выстраивать визуальную систему YouTube-канала — превью, обложки, плашки — делать шаблоны для Telegram в едином стиле — оформлять макеты для Stories, Reels, Shorts — держать консистентность бренда на всех платформах Ожидания: — Figma + умение строить компонентные системы — знание технических параметров соцсетей — размеры, безопасные зоны — базовый Photoshop или аналоги — актуальное портфолио с примерами для соцсетей — используешь вайбкодинг в работе Условия: — удалёнка, GMT+3 — part-time с перспективой перехода на full-time — результат важнее количества часов — фикс обсуждаем индивидуально — платим по рынку — доступ к методам и подходам из курсов Вани Замесина → Почитать подробнее и откликнуться #дизайн
Читая канал, вы часто можете видеть, что я пишу про AI. Не писать нельзя, потому что сейчас это стало ещё одним must-have навыком (многие лиды даже на вайтбордах стали этого ожидать)
Для каждого дизайнера есть свой пул инструментов: Kling, Midjourney, ChatGPT, Codex и другие. Но до сих пор многие не до конца понимают, как встроить их в рабочий процесс Сейчас, вдобавок к обычным чатам, становятся популярнее Codex / Antigravity / Claude — потому что с их помощью можно делать свои продукты или прототипы. Но проблема, с которой сталкиваются люди (в том числе писали в комментариях в этом канале) — это непонимание, как связать компоненты между Figma и продом. Я сам пока не нашёл оптимальное решение, но уже знаю про несколько рабочих вариантов 😇 Как раз на эту тему Даниил Шишко из Pixel Perfect проведёт бесплатный эфир, где покажет полный процесс. Возьмёт реальную задачу от одной большой «красной» корпорации из РФ: нужно спроектировать сайдбар с вложенностью, разными типами пользователей и своей дизайн-системой. Это очень близкий формат задачи в продуктовой команде Когда? 7 апреля в 18:00 МСК Всё будет в лайв-формате, инструмент — Antigravity с Claude Code внутри. Что именно будет: - Перенос дизайн-системы так, чтобы AI сам брал правильные компоненты - Вайбкодинг рабочего прототипа через Claude Code, готового к тесту - Дополнительно покажет способ вкатиться в агентский воркфлоу, который работает бесплатно Я сам планирую пойти, потому что хочется посмотреть на подход 🔥 Эфир будет в закрытом тг-канале, подписывайтесь: https://t.me/+SpH0wTjuA0A1YmUy
Lo-fi Wireframe — бесплатная библиотека компонентов, которая поможет вам прототипировать быстрее.
Install
Video is not supported
Изображение канала: Retro Figma
Компоненты виджетов
• 130+ виджетов Install Figma Дизайн
Video is not supported
Изображение канала: Retro Figma
UI kit pack — более чем 500 компонентами в 3 различных цветовых вариациях
Install
Изображение канала: Фабрика Дизайна
Собрали готовые изображения людей в разных форматах и стилях под большинство дизайнерских задач. Сохраните, чтобы не потерять!
🔶 Настраиваемая система с анатомически точными векторными иллюстрациями в разных ракурсах. Благодаря набору можно отдельно создавать все системы организма человека по деталям. 🔶 Адаптивный набор из более 1 700 изображений в урбанистическом стиле. Иллюстрации выполнены в двух цветах: чёрном и голубом. Здесь можно найти картинки по разным темам: бизнес, обучение, здоровье и другим. 🔶 Более 1 000 минималистичных чёрно-белых иллюстраций из 20 категорий. Векторные пикчи в авторской стилистике подойдут для лайфстайл-проектов с долей юмора. 🔶 Векторные картинки выполнены в нейтральной цветовой гамме. Иллюстрации с разными сюжетами из офисной жизни отлично подойдут для презентации или простого лендинга. 🔶 3D-эмодзи с изображениями людей. Есть PNG-файлы и SVG-версии (цветная и плоская), а также набор с высокой контрастностью. 🔶 Скетчи в стилистике бельгийского комикса «Тинтин». Простые линейные рисунки в светлых оттенках, юмористичные сюжеты с ситуациями из жизни. 🔶 Люди в процессе чтения и обучения. Цветные картинки в популярном плоском, геометрическом стиле. 🔶 Двухцветный набор в духе азиатских комиксов. Герои векторных дудлов изображены в саду, самолёте, за работой и в других ситуациях. Набор подойдёт, если нужно рассказать стройную историю, используя рисованных персонажей. 🔶 Настраиваемый пак с простой чёрно-белой графикой. Можно создать своего персонажа, используя разные компоненты, или взять готовый рисунок. Пригодится, если для проекта нужны разные городские типажи. 🔶 3D-персонаж для иллюстрации рабочего процесса. Герой в чёрной водолазке выступает перед графиками, читает или работает в кресле-мешке. 🔶 Забавные цветные аватарки. С помощью конструктора можно создать уникальный характерный юзерпик из предлагаемых блоков. 🔶 Люди и спорт в самых разных его вариантах. Плоская графика, серо-голубая гамма, гипертрофированные формы для лёгких, неперегруженных макетов. [Фабрика Дизайна]
Изображение канала: Design Hunters
Ищем контент-дизайнера в команду Вани Замесина @zamesin
Ваня Замесин — технологический предприниматель, автор методологий AURA и Advanced Jobs To Be Done. Эксперт #1 среди продакт-менеджеров в России. Вместе с командой мы активно развиваем экосистему продуктов: курс «Как делать продукт», AURA Framework — AI-платформа и сообщество для создателей продуктов, BOOST — интенсив по нейросетям. Что будешь делать • Выстраивать визуальную систему YouTube-канала — превью, обложки, плашки • Делать шаблоны для Telegram в едином стиле • Оформлять макеты для Stories, Reels, Shorts • Держать консистентность бренда на всех платформах Что важно • Figma + умение строить компонентные системы • Знание технических параметров соцсетей — размеры, безопасные зоны • Базовый Photoshop или аналоги • Актуальное портфолио с примерами для соцсетей • Используешь вайбкодинг в работе Условия • Удалёнка, GMT+3, 10:00–19:00 • Part-time с перспективой перехода на full-time • Результат важнее количества часов • Фикс обсуждаем индивидуально — платим по рынку • Доступ к методам и подходам из курсов Вани Замесина 👉Изучи вакансию подробнее и откликайся
Изображение канала: Design Hunters
Ищем дизайнера презентаций в Figma в команду Вани Замесина @zamesin
Ваня Замесин — технологический предприниматель, автор методологий AURA и Advanced Jobs To Be Done. Эксперт #1 среди продакт-менеджеров в России. Вместе с командой мы активно развиваем экосистему продуктов: курс «Как делать продукт», AURA Framework — AI-платформа и сообщество для создателей продуктов, BOOST — интенсив по нейросетям. Что будешь делать • Развивать дизайн-систему: сетки, типографика, компоненты, стили контента • Верстать слайды для воркшопов • Визуализировать процессы так, чтобы сложное становилось понятным • Верстать онлайн-книгу • Адаптировать контент для Telegram Что важно • Уверенный Figma — auto-layout, компоненты, стили • Сильная типографика и вёрстка • Навыки визуализации данных • Системное мышление и скорость без потери качества • Используешь вайбкодинг в работе Условия • Удалёнка, GMT+3, 10:00–19:00 • Part-time с перспективой перехода на full-time • Результат важнее количества часов • Фикс обсуждаем индивидуально — платим по рынку • Доступ к методам и подходам из курсов Вани Замесина 👉Изучи вакансию подробнее и откликайся
Изображение канала: Дизайнер, привет
🧩 Figma Make не заработает нормально, пока не подключите библиотеку компонентов
Команды редко тормозят на этапе рисования экранов. Обычно проблема в другом: нужно быстро проверить идею, а потом не разгребать хаос. Сделали экран в Фигме, ушли в AI-инструмент, получили прототип, вернулись и начали менять случайные кнопки и отступы на свои. Полдня ушло. Ромина Кавчич хорошо объясняет, почему так происходит. Проблема не в AI, а в потере контекста. Figma Make дает результат, когда работает внутри вашего файла с дизайн-системой: компонентами, вариантами, переменными и правилами нейминга. Плюс можно подтянуть требования и контент из Notion, GitHub, Jira и других источников, чтобы прототип собирался не по догадкам. Внутри: – Почему без подключенной библиотеки Figma Make почти всегда генерирует общий и нерелевантный UI; – Что нужно сделать перед первым промптом: включить библиотеки, выписать точные имена компонентов, определить границы прототипа; – Как писать промпты, чтобы инструмент использовал ваши компоненты и состояния, а не придумывал новые; – Зачем сразу требовать состояния загрузки, пустого экрана, ошибки и успеха; – Как итерироваться быстрее: править по одному изменению за раз и не копить правки в один запрос; – Как подключать внешний контекст из Notion и GitHub вместо копипаста требований; – Когда есть смысл использовать живые данные и API, чтобы проверить плотность контента и крайние случаи; – Какие варианты выхода есть после сборки: оставить в Фигме, экспортировать код как референс или дать демо-ссылку. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение канала: Дизайнер, привет
🦋 Почему ИИ-помощник не понимает ваш 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
Изображение канала: Дизайнер, привет
🤩 Фигма открыла canvas для AI-агентов
Теперь AI-агенты могут работать прямо внутри Фигмы, а не только рядом с ней. Они умеют создавать и менять макеты в файлах, использовать компоненты, переменные и дизайн-систему команды. Главная идея в том, что AI больше не рисует абстрактный интерфейс «из головы». Если в команде есть свои правила, компоненты и инструкции, агент может опираться на них и делать макеты ближе к реальному продукту, а не к шаблонной картинке. Плюс челы добавили skills. Это markdown-инструкции, которые объясняют агенту, как именно работать: какие шаги делать, в каком порядке и по каким правилам. Пока функция бесплатна в бете, потом станет платной. Пошли по стопам агентов в общем, давно пора было такое завозить, немного отстают от рынка)) ➡️ Тут почитать ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Video is not supported
Изображение канала: Вакансии для дизайнеров
🔥🔥🔥 Молния! Открылась стажировка в Т-Банке. Мой канал первый, кто это публикует, успевайте!)
Оплачиваемая стажировка для мобильных, веб и графических дизайнеров Что будет? – Настоящие дизайнерские задачи; – Работа в команде; – Возможность попасть в штат Подойдет студентам, выпускникам и начинающим специалистам. Можно работать удалённо или в офисе с командой по договорённости И да, нужно уделять 40 часов в неделю. Предпочтения таким кандидатам будут) В ходе стажировки вы познакомитесь с продуктовым процессом и ролью дизайнера в нем, узнаете нюансы передачи макетов в разработку. Будете отвечать за часть реального продукта, ваша работа повлияет на конечный результат. У вас будет возможность поработать над продуктом, в котором уже выстроена вся инфраструктура и можно сфокусироваться на решении задач под руководством опытного наставника Что нужно: – Знать, что такое Фигма и работать с компонентами; – Иметь опыт работы в студии, агентстве или у вас было более трех успешных проектов на фрилансе; – Понимаете, кто такой пользователь и зачем нужно задавать много вопросов. Подача до 28 апреля. Газ! 🔠 Подача тут 🔠 Подача тут ——— 🔥 Закрытый канал с вакансиями 💻 Курс по поиску работы 😍 Про дизайн 🎨 Референсы
Изображение поста
Изображение канала: 💙 kk про дизайн
Фигма выпустила новую фичу — слоты.✨ Очень нативная и понятная штучка. Сначала не поняла прикола, а потом как поняла!
Представьте, что вы проектируете сервис. И у вас там под разные сценарии есть контекстные меню. В этих меню могут быть разное количество пунктов, меняться их расположение внутри меню, контекст наконец меняться тоже будет. Как делали раньше: 1. Нашпиговывали вариантов со свойствами, чтобы каждое меню потом подстроить ручками. 2. Делали максимальное количество возможных пунктов меню и скрывали их в слоях до надобности. Как будем делать сейчас: Внутри изменяющейся части компонента меню делаем слот. Все. Дальше меняй в дочерних компонентах все, что вздумается. Можно без труда вставить слот в уже существующие компоненты. Ну, а если не верите ➡️ посмотрите видео.
Изображение поста
Изображение канала: Дизайнер, привет
🕶 Почему интерфейс для умных очков нельзя просто взять с телефона
На телефоне у дизайнера есть экран. В очках его как будто нет. Интерфейс живет поверх реального мира, а пользователь должен физически перевести фокус примерно на метр перед собой, чтобы вообще начать его читать. Уже из за этого привычные паттерны начинают ломаться. Дэвид Аллин Риз из Google рассказал, как команда собирала Jetpack Compose Glimmer для очков с прозрачным дисплеем. Самый сильный инсайт: черный цвет здесь не черный, а прозрачность. Насыщенные цвета теряются на фоне реального мира, обычные шрифты читаются хуже, а слишком быстрая анимация просто моргает в периферии. Поэтому интерфейс пришлось пересобирать почти с нуля: темные контейнеры вместо привычных поверхностей, нейтральная палитра, новая система глубины и очень осторожная работа с движением. Внутри: – Почему интерфейс в очках воспринимается не на линзе, а примерно на расстоянии вытянутой руки; – Что меняется в дизайне, когда черный цвет становится полностью прозрачным; – Почему привычные компоненты и тени плохо работают на прозрачных дисплеях; – Как команда подбирала размер текста через угловой размер, а не пиксели; – Зачем в интерфейсе почти отказались от насыщенных цветов; – Почему уведомления появляются почти две секунды, а не мгновенно; – Как устроены глубина, перекрытия и темные контейнеры в Jetpack Compose Glimmer; – Что значит проектировать интерфейс, который должен появляться только тогда, когда он реально нужен. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Изображение канала: Retro Figma
Webflow & Figma Wireframe kit — основан на Sprkl фреймворке и полон компонентов, блоков и секций
Install
Изображение поста
Изображение канала: Вакансии для дизайнеров
AI в дизайне в 2026
Я смотрю на вакансии каждый день и одна штука уже прям бросается в глаза. Почти везде от дизайнера ждут не только фигму и вкус, но и понимание AI-инструментов. Cursor, Midjourney, ChatGPT, Claude, Kling и дальше по списку. Но проблема в другом. Сами инструменты все уже знают по названиям, а вот как встроить их в реальный дизайн-процесс, до сих пор понимают немногие. Не просто покрутить что-то ради картинки, а реально ускорять работу, сильнее собирать прототипы и быстрее доводить макеты до готового продукта. Ребята из Pixel Perfect 😇 как раз делают два бесплатных эфира сегодня и завтра (17 и 18 марта) на эту тему. Покажут полный процесс работы с Cursor на практике. Подключат Фигму к Cursor через MCP, перенесут дизайн-систему и компоненты из макета в код, соберут страницу и задеплоят ее на сервер. Вести эфиры будет Даниил Шишко. Он использует AI на всех этапах работы, от ресерча и генерации идей до прототипирования и финальной сборки интерфейсов. Самое полезное тут в том, что вам покажут не отдельные фишки, а весь путь целиком. От дизайн-системы в Фигме до живого сайта с CMS и аналитикой, который уже можно передать продакту или клиенту. То есть без магии и воды, просто нормальный рабочий процесс, который уже нужен рынку. Эфиры пройдут в закрытом тг-канале. Если хотите наконец понять, как AI реально использовать в дизайне, а не просто читать про него в постах, советую залететь. 🔠 Пойти на эфир 🔠 Пойти на эфир 🔠 Пойти на эфир
Изображение поста