Figma Design
105K subscribers
985 photos
333 videos
1.45K links
Сотрудничество: @normanross
Download Telegram
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
This media is not supported in your browser
VIEW IN TELEGRAM
Figma Agent превращает идеи в редактируемую векторную графику:

→ Аккуратно организованные и сгруппированные слои
→ Редактируемые обводки
→ Подготовка к анимации в Figma Motion
This media is not supported in your browser
VIEW IN TELEGRAM
В Figma можно выделить объект на изображении и с помощью ИИ удалить его или отделить от фона.

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

→ Предпросмотр стилей
→ Пружинная анимация с настройкой физики
→ Предпросмотр при экспорте в Lottie
This media is not supported in your browser
VIEW IN TELEGRAM
В Shader Town появилось несколько обновлений:

→ Рендер и экспорт в 4K
→ Экспорт в Code Layers
Media is too big
VIEW IN TELEGRAM
В Figma появились 3D-трансформации:

→ Вращайте объекты по осям X, Y и Z, чтобы работать с перспективой и глубиной
→ Создавайте и анимируйте 3D-дизайны с помощью Figma Agent
→ Передавайте дизайн в код с помощью AI-агента через Figma MCP

Функция уже доступна в открытой бете.

www.figma.com/community/file/1697663412897353944/3d-transforms-playground
2