AI дизайн вышел на новый уровень

У Figma давно был MCP-сервер. Работал он в режиме read-only, и сценарий выглядел так: дизайнер (или вы сами) рисовали макеты руками, потом разработчик скармливал агенту ссылку на файл в Figma, агент разбирал его по слоям, вытаскивал структуру, цвета, отступы, шрифты, и на выходе генерил код, который более-менее соответствовал тому, что было нарисовано. Вчера Figma обновила свой MCP-сервер, и теперь она умеет не только читать, но и рисовать дизайн. Причём речь не про "нарисуй мне кнопку" или "сделай один экран". Агент может собрать полноценный лендинг целиком или выстроить UX-флоу на несколько экранов. И самое ценное: он делает это в рамках вашей дизайн-системы. Берёт ваши компоненты, ваши токены, ваши стили и собирает из них макет, который выглядит как часть вашего продукта, а не как что-то из генератора 2015 года. До этого обновления все попытки генерировать дизайн через AI выглядели так себе. Результат глючил, визуал был устаревший, компоненты не из вашего UI Kit, а откуда-то из дефолтных библиотек. Пользоваться этим в проде было нельзя, максимум для наброска. Сейчас ситуация другая. Вы подключаете свою дизайн-систему (UI Kit), и агент собирает макеты, которые реально пригодны для использования. Я считаю для быстрых экспериментов и проверки гипотез это гигантский шаг вперёд. Параллельно обновился Stitch от Google. У них тоже появились новые возможности по генерации интерфейсов, и для стадии брейншторма он вполне подходит: накидать вариантов, посмотреть на разные подходы к экрану, быстро визуализировать идею.

https://habr.com/ru/articles/1014666/

#stitch #figma_api #mcp #ui #ai_agent #ии_агенты #claude_code_skills

Создать плагин для Figma может каждый! История о том, как я написал аналог Autoflow за месяц

Статья для тех, кто хотел бы написать свой плагин для Figma с помощью нейросетей. Рассказываю о лучшем бесплатном способе, чтобы вам не пришлось страдать.

https://habr.com/ru/articles/947708/

#плагин #figma #figma_plugin #программирование #дизайн #figma_api #разработка_плагина #плагин_для_figma

Как мы в Точке сделали свой дизайн-линтер

У нас есть внутренний плагин для Фигмы, который проверяет макеты на соответствие техническим параметрам. За несколько лет он сэкономили нашим дизайнерам много сил, а компании — денег. В статье поделюсь техническими деталями создания плагина для тех, кто захочет повторить наш опыт.

https://habr.com/ru/companies/tochka/articles/909270/

#Figma #figma_plugin #figma_design #figma_api #автоматизация_дизайна #автоматизация_рутины

Как я написать плагин для Figma, не написав ни строчки кода

Привет, я не программист, но я написал полезный плагин для Figma, не написав ни строчки кода. Плагин локализует перемещённые алиас-переменные. На всё ушло 23 часа (да долго, но сам бы писал ещё дольше). А это почти краткая история про то, как я это сделал, используя только своё желание упростить работу с переменными в Figma и парочку бесплатных AI Читать

https://habr.com/ru/articles/898972/

#Figma #figma_plugin #figma_design #figma_api #design_system #ui_kit #javascript #ai #gemini #нейросеть

Кодогенерация токенов дизайн-системы для Android по Figma API

По мере развития проекта в целом и дизайн-системы в частности дизайн-токенов становится очень много. Для примера, у нас уже около четырёхсот иконок, больше двухсот цветов и перспектива внедрения нескольких тем в приложении. Что ещё, если не автоматизация, позволит держать в консистентности всю эту систему? Рассказываю про наш тернистый путь к собственному генератору токенов дизайн-системы.

https://habr.com/ru/companies/magnit/articles/803565/

#figma_api #figma_variables_api #android_development #gradleplugin #automatization #design_tokens #codegeneration #codegen #jetpack_compose #magnit_tech