Figma Design
105K subscribers
986 photos
328 videos
1.45K links
Сотрудничество: @normanross
Download Telegram
В Figma Motion появилось сразу несколько обновлений

Теперь можно сохранять собственные стили анимации, публиковать их в библиотеки и использовать по всей дизайн-системе. Эти же стили смогут автоматически применять Figma Agent и кодовые агенты через MCP, а в skills на них можно будет ссылаться как на готовые правила.

Также уже доступен экспорт в Lottie.

На следующей неделе добавят аудио на таймлайн и анимации текста.
This media is not supported in your browser
VIEW IN TELEGRAM
В Figma Motion теперь доступны анимации текста и аудио.

Текст можно анимировать по символам, словам или строкам и настраивать появление прямо на таймлайне.

Туда же теперь можно добавлять аудиодорожки и синхронизировать их с анимацией.

Обновление уже доступно.

www.figma.com/community/file/1682540379260940278/figma-motion-updates?fuid=1432793107374253430
Media is too big
VIEW IN TELEGRAM
Figma Agent вышел из беты

Он работает прямо на холсте и помогает не выпадать из процесса: можно просить менять макеты, собирать новые варианты, применять дизайн-систему, разбирать фидбек и автоматизировать рутину.

www.figma.com/blog/workflow-lab-staying-in-the-flow-with-the-figma-agent/
This media is not supported in your browser
VIEW IN TELEGRAM
Figma Agent теперь умеет лучше работать с контекстом из разных файлов.

Можно попросить его подтянуть контент сразу из нескольких дизайн-файлов, прочитать стикеры или текст из FigJam и добавить их в макет как аннотации.

Еще агент умеет находить изображения в Figma Slides и переносить их в дизайн, например чтобы сразу применить к ним эффекты.
This media is not supported in your browser
VIEW IN TELEGRAM
Расширение Figma для Chrome теперь умеет захватывать код веб-страниц и переносить его прямо в Figma в виде кодового слоя.

Так можно работать с существующими сайтами непосредственно в редакторе, сохраняя их код.
Media is too big
VIEW IN TELEGRAM
На Config India Figma представила сразу несколько обновлений.

Code Layers позволяют работать с кодом прямо на холсте, а новые Specs помогают собирать документацию, требования и контекст проекта в одном месте.

Для AI-агентов добавили Guidelines и Code Sources, чтобы они лучше понимали дизайн-систему и могли использовать существующие компоненты и код.

Еще анонсировали Payload, инструмент для публикации сайтов прямо из Figma.

Code Layers, Specs и Guidelines уже доступны в открытой бете. Code Sources пока в закрытой, а Payload начнут запускать в ближайшие недели.

www.figma.com/blog/build-by-design/
1
Figma представила новые возможности Code Layers, которые позволяют работать с интерактивными прототипами прямо на холсте.

Теперь можно превратить обычный макет в работающий интерфейс с реальными взаимодействиями и анимациями, а затем дорабатывать его через Figma Agent.

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

При необходимости интерфейс из кодового слоя можно обратно преобразовать в редактируемые слои Figma.

Code Layers уже доступны в открытой бете.

www.figma.com/blog/design-together-with-code-layers
This media is not supported in your browser
VIEW IN TELEGRAM
Figma Weave теперь можно использовать прямо в чате с AI-агентом через MCP.

Можно попросить агента превратить изображение в видео или сгенерировать ролик с нуля, не переключаясь между инструментами.
This media is not supported in your browser
VIEW IN TELEGRAM
Теперь вы можете добавлять свои дизайны в профиль Figma Community в формате Riffs:

→ Показывайте свои работы сообществу
→ Собирайте портфолио
→ Вдохновляйтесь работами других авторов

www.figma.com/community/feed