Создание карточки с эффектом размытия.

Создаем плавный градиент.

Градиент в Figma.

Создание плавных градиентов.

Ускорьте и улучшите свой рабочий процесс с помощью Figma AI.

У пользователей из России Figma перестала открываться без VPN. Сервис недоступен уже больше суток, а домен не отвечает с российских IP-адресов.

Официальных комментариев пока нет.

Теперь сайт можно буквально перенести в Figma. Новое расширение для Chrome импортирует страницу и автоматически разбивает её на редактируемые слои.

figma.bot/ChromeExt

Спиральная иллюстрация в Figma.

Анимация иконки в Figma Motion.

Как зациклить анимацию отдельного свойства в Figma Motion

Если нужно, чтобы повторялась только одна анимация (например, Scale, Opacity или Rotation), не обязательно зацикливать весь таймлайн.

Как сделать:

Откройте Timeline.
Кликните правой кнопкой по нужному property track.
Выберите Loop Track.

Теперь будет бесконечно повторяться только выбранное свойство, а остальные анимации продолжат работать по своему сценарию.

Полезно для пульсации кнопок, мигающих индикаторов, вращения и других фоновых микроанимаций.

Создаем стеклянный таб-бар.

Анимация кнопки.

Анимация кнопки в Figma Motion.

С приходом ИИ роль дизайнера меняется, и это не плохо.

Нейронки постепенно забирают на себя рутинные задачи: подготовить черновик, адаптировать макет, переписать текст, собрать первый прототип. Ценность дизайнера смещается: сейчас компании ценят умение увидеть проблему, спроектировать систему и превратить идею в работающий процесс.

Дизайнер Авито Никита Мосолов рассказывает, как выйти за пределы чата с ИИ и начать собирать собственные ИИ-инструменты даже без инженерного бэкграунда.

Из статьи узнаете:

— Как отличить рутину, которую стоит автоматизировать, от работы, где без вашего мышления всё развалится.
— Почему начинать нужно с маленького сценария, а не с грандиозной идеи.
— Как довести личный инструмент до решения, которым пользуется команда.
— Зачем дизайнеру разбираться в скилах, MCP и метриках продукта.

Обо всём этом на примере продуктов, которые Никита с коллегами собрал под задачи в свободное от работы время.

Читать статью на Дизайнерс

Как настроить масштабирование и перемещение камеры вслед за анимацией обводки в Figma Motion.