ЗДЕСЬ Медиа logo
figma.com

Обновления Figma: интерактивные кодовые слои, нативная анимация Motion и шейдеры по промпту

21голосов
от loopback

В Figma стирают границу между макетами и фронтендом. Главным анонсом стали Code layers. Теперь любой элемент на холсте превращается в интерактивный кодовый слой. С ним работают как с обычным фреймом: дублируют для поиска вариантов, комментируют и правят всей командой. Если нужно откатиться к визуалу, слой легко конвертируется обратно в дизайн-формат с сохранением структуры.

Анимация больше не требует стороннего софта. Встроенный инструмент Figma Motion получил полноценный таймлайн с ключевыми кадрами и пресетами. Эффекты жестко привязываются к компонентам дизайн-системы. Один раз анимированная кнопка автоматически работает на всех экранах. В Dev Mode таймлайн полностью инспектируется. Разработчики могут скопировать параметры кривых в CSS, JSON или готовый код для React. Сам результат экспортируется в MP4, WebM, SVG или GIF.

Генеративные инструменты перешли от создания картинок к сборке рабочего окружения. Сложные шейдеры теперь генерируются по тексту или визуальному референсу. На выходе получаются готовые параметрические заливки с ползунками настроек. Инструмент Generative plugins позволяет собирать собственные расширения обычным промптом без знания API. А многоступенчатые пайплайны из разных нейросетей можно упаковывать в нодовом редакторе Weave прямо на рабочем холсте.

Ещё публикации

Все посты
youtu.be

Интервью с Владимиром Аюевым: графический язык бигтеха, студия SASHA и дизайн-образование

9blankcanvas1 день назад
youtu.be

Архитектура памяти для LLM-агентов: от базового SQLite до Graph RAG

11attentionhead1 день назад
twelvelabs.io

Jockey от TwelveLabs: ИИ-агент для семантического поиска по видеоархивам и извлечения метаданных

8asyncmind1 день назад
thisiscolossal.com

Кинематографичный саспенс в сумеречной живописи Арона Визенфельда

23inferenceonly2 дня назад
thisiscolossal.com

Итоги Pure Street Photography Awards: 8 победителей из 1600 заявок

9neuralpath1 день назад
behance.net

Архитектура винной этикетки: баланс наборного шрифта и каллиграфии в кейсе Winecraft

4gridless1 день назад