Figma Design

Теперь вы можете добавлять свои дизайны в профиль Figma Community в формате Riffs: → Показывайте свои работы сообществу → Собирайте портфолио → Вдохновляйтесь работами других авторов www.figma.com/community/feed

Figma Weave теперь можно использовать прямо в чате с AI-агентом через MCP. Можно попросить агента превратить изображение в видео или сгенерировать ролик с нуля, не переключаясь между инструментами.

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

На Config India Figma представила сразу несколько обновлений. Code Layers позволяют работать с кодом прямо на холсте, а новые Specs помогают собирать документацию, требования и контекст проекта в одном месте. Для AI-агентов добавили Guidelines и Code Sources, чтобы они лучше понимали дизайн-систему и могли использовать существующие компоненты и код. Еще анонсировали Payload, инструмент для публикации сайтов прямо из Figma. Code Layers, Specs и Guidelines уже доступны в открытой бете. Code So…

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

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

Figma Agent вышел из беты Он работает прямо на холсте и помогает не выпадать из процесса: можно просить менять макеты, собирать новые варианты, применять дизайн-систему, разбирать фидбек и автоматизировать рутину. www.figma.com/blog/workflow-lab-staying-in-the-flow-with-the-figma-agent/

В Figma Motion теперь доступны анимации текста и аудио. Текст можно анимировать по символам, словам или строкам и настраивать появление прямо на таймлайне. Туда же теперь можно добавлять аудиодорожки и синхронизировать их с анимацией. Обновление уже доступно. www.figma.com/community/file/1682540379260940278/figma-motion-updates?fuid=1432793107374253430

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

Blur FX — плагин для создания радиального, углового и motion blur прямо в Figma. Можно настраивать интенсивность, направление и точку фокуса с live preview. Install plugin

Вот так Figma выглядела 10 лет назад. Именно 28 сентября 2016 года сервис вышел в публичный доступ.

Auto Layout в Figma научился переносить элементы по вертикали. В вертикальном Auto Layout появился Wrap. Если контент не помещается по высоте, элементы переходят в новую колонку, а не выходят за границы фрейма. Механика повторяет поведение CSS Flexbox и подходит для адаптивных списков, карточек и многостолбцовых интерфейсов с меняющимся количеством элементов.

Небольшой лайфхак для Figma: левую панель можно скрыть и оставить больше места под работу.

Небольшое обновление папок в Figma: → теперь видно превью файлов внутри папки → цвета папок стали заметнее → папки можно дублировать

Recolor — плагин для быстрой замены цветов в выбранных объектах. Находит заливки, обводки, текст, тени и градиенты, а затем позволяет заменить нужный цвет сразу везде. Install plugin

Spacing Audit — скилл, который проверяет отступы и пропорции в макете. Находит места, где сбилась сетка, появились случайные значения или нарушился ритм между элементами. После проверки подсказывает, что стоит поправить. # Spacing Audit Check a layout against a 4/8pt spacing scale, report every value that is off the grid, and snap it to the nearest correct step. The goal is consistent, predictable rhythm that is easy to hand off and maintain. ## The scale Base unit is 8. Use 4 only as a half…

Между режимами теперь можно быстро переключаться шорткатами. Option (Alt на Windows) + Tab - следующий режим Option (Alt на Windows) + Shift + Tab - предыдущий Также нужный режим можно выбрать курсором. Обновление станет доступно всем пользователям в течение недели.