This media is not supported in your browser
VIEW IN TELEGRAM
Recolor — плагин для быстрой замены цветов в выбранных объектах. Находит заливки, обводки, текст, тени и градиенты, а затем позволяет заменить нужный цвет сразу везде.
Install plugin
Install plugin
This media is not supported in your browser
VIEW IN TELEGRAM
Небольшой лайфхак для Figma: левую панель можно скрыть и оставить больше места под работу.
4
This media is not supported in your browser
VIEW IN TELEGRAM
Auto Layout в Figma научился переносить элементы по вертикали.
В вертикальном Auto Layout появился Wrap. Если контент не помещается по высоте, элементы переходят в новую колонку, а не выходят за границы фрейма.
Механика повторяет поведение CSS Flexbox и подходит для адаптивных списков, карточек и многостолбцовых интерфейсов с меняющимся количеством элементов.
В вертикальном Auto Layout появился Wrap. Если контент не помещается по высоте, элементы переходят в новую колонку, а не выходят за границы фрейма.
Механика повторяет поведение CSS Flexbox и подходит для адаптивных списков, карточек и многостолбцовых интерфейсов с меняющимся количеством элементов.
10
This media is not supported in your browser
VIEW IN TELEGRAM
Blur FX — плагин для создания радиального, углового и motion blur прямо в Figma. Можно настраивать интенсивность, направление и точку фокуса с live preview.
Install plugin
Install plugin
В Figma Motion появилось сразу несколько обновлений
Теперь можно сохранять собственные стили анимации, публиковать их в библиотеки и использовать по всей дизайн-системе. Эти же стили смогут автоматически применять Figma Agent и кодовые агенты через MCP, а в skills на них можно будет ссылаться как на готовые правила.
Также уже доступен экспорт в Lottie.
На следующей неделе добавят аудио на таймлайн и анимации текста.
Теперь можно сохранять собственные стили анимации, публиковать их в библиотеки и использовать по всей дизайн-системе. Эти же стили смогут автоматически применять 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
Текст можно анимировать по символам, словам или строкам и настраивать появление прямо на таймлайне.
Туда же теперь можно добавлять аудиодорожки и синхронизировать их с анимацией.
Обновление уже доступно.
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/
Он работает прямо на холсте и помогает не выпадать из процесса: можно просить менять макеты, собирать новые варианты, применять дизайн-систему, разбирать фидбек и автоматизировать рутину.
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 и переносить их в дизайн, например чтобы сразу применить к ним эффекты.
Можно попросить его подтянуть контент сразу из нескольких дизайн-файлов, прочитать стикеры или текст из 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/
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