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/
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
Теперь можно превратить обычный макет в работающий интерфейс с реальными взаимодействиями и анимациями, а затем дорабатывать его через 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
→ Показывайте свои работы сообществу
→ Собирайте портфолио
→ Вдохновляйтесь работами других авторов
www.figma.com/community/feed
This media is not supported in your browser
VIEW IN TELEGRAM
Figma Agent превращает идеи в редактируемую векторную графику:
→ Аккуратно организованные и сгруппированные слои
→ Редактируемые обводки
→ Подготовка к анимации в Figma Motion
→ Аккуратно организованные и сгруппированные слои
→ Редактируемые обводки
→ Подготовка к анимации в Figma Motion
This media is not supported in your browser
VIEW IN TELEGRAM
В Figma можно выделить объект на изображении и с помощью ИИ удалить его или отделить от фона.
Функция уже доступна в приложении для macOS.
Функция уже доступна в приложении для macOS.
This media is not supported in your browser
VIEW IN TELEGRAM
В Figma Motion добавили несколько возможностей для работы с анимацией:
→ Предпросмотр стилей
→ Пружинная анимация с настройкой физики
→ Предпросмотр при экспорте в Lottie
→ Предпросмотр стилей
→ Пружинная анимация с настройкой физики
→ Предпросмотр при экспорте в Lottie
This media is not supported in your browser
VIEW IN TELEGRAM
В Shader Town появилось несколько обновлений:
→ Рендер и экспорт в 4K
→ Экспорт в Code Layers
→ Рендер и экспорт в 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
→ Вращайте объекты по осям X, Y и Z, чтобы работать с перспективой и глубиной
→ Создавайте и анимируйте 3D-дизайны с помощью Figma Agent
→ Передавайте дизайн в код с помощью AI-агента через Figma MCP
Функция уже доступна в открытой бете.
www.figma.com/community/file/1697663412897353944/3d-transforms-playground
2