Шаблоны
Сайты клиентов
Тарифы
Обучение
Campus - Обучение
Практические знания, как улучшить навыки в создании сайтов
и заработке на этом
Статьи
Статьи, как улучшить качество сайта
и увеличить продажи
Справочный центр
Инструкции по сервису и связь
с тех.поддержкой
Бесплатный практикум
Инструкции по сервису и связь
с тех.поддержкой
Вход
Регистрация
Главная / Блог / Обновления Figma 2025: что нового в самой популярной дизайн-платформе

Обновления Figma 2025: что нового в самой популярной
дизайн-платформе

Figma выпускает масштабные обновления в 2025 году: переменные штрихи, Dev Mode MCP Server, улучшения в Figma Sites, автоматическая загрузка шрифтов Apple и поддержка кодовых слоёв. Узнайте, как новые функции повышают эффективность дизайна, ускоряют разработку и усиливают командную работу. Полный разбор всех обновлений Figma в одной статье.
Дизайн
Сайт
Дата публикации: 07.07.2025
Время прочтения: 9 минут
Figma остаётся лидером среди инструментов для UI/UX-дизайна и совместной работы над интерфейсами. Благодаря регулярным релизам и нововведениям платформа удерживает свои позиции и расширяет функциональность. В 2025 году обновления Figma стали ещё масштабнее — теперь они охватывают дизайн, кодогенерацию, сайтостроение, работу с переменными, доступность и автоматизацию. Разберём все обновления Figma по порядку.
1.
2.
3.
4.
7.
​5.
8.
6.
9.
Переменные штрихи (Variable Width Strokes)
Обновления Figma Make: стили из библиотек
Уведомления в браузере
Code Layers в Figma Sites
Почему обновления Figma 2025 — важный шаг
Dev Mode + MCP Server: кодогенерация нового уровня
Доступность и семантика в Figma Sites
Автоматическая загрузка Apple-шрифтов
Альтернатива Figma: создайте сайт без навыков дизайна и кода
10.
11.
Частые вопросы (FAQ)
Заключение

Оглавление

AI mottor уже сделал

сайт за вас

AI mottor уже сделал сайт за вас

Ответьте всего на 2 вопроса и получите готовый сайт для вашей сферы деятельности

Попробовать бесплатно

Переменные штрихи (Variable Width Strokes)

Теперь вы можете регулировать толщину линии в любой точке вдоль её контура с помощью нового инструмента для работы с векторами — переменной ширины штриха. Эта функция доступна как в Figma Draw, так и в Figma Design.
Узнайте больше в этой статье справочного центра.

Кроме того, изменяемая ширина штриха поддерживает чувствительность к нажатию на планшетах. Это означает, что при рисовании стилусом Figma автоматически подстраивает толщину линии в зависимости от силы давления, делая процесс рисования от руки в приложении гораздо более естественным и реалистичным.
Одним из ключевых обновлений Figma стало внедрение переменной толщины штриха. Этот инструмент, давно востребованный сообществом иллюстраторов и продуктовых дизайнеров, теперь доступен в редакторе Figma.

Вы можете:
  • Задавать разную толщину линий вдоль одного векторного пути;
  • Использовать стилусы и планшеты с чувствительностью к нажатию;
  • Создавать органичные и выразительные линии для иконок, иллюстраций и digital art.

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

Обновления Figma Make: стили из библиотек

Figma Make — новая среда создания функциональных веб-страниц на основе компонентов. Среди главных обновлений Figma в 2025 году — возможность подключать стили (шрифты, цвета, токены, переменные) из существующих библиотек Figma.

Что это даёт:
  • Визуальное соответствие между макетом и конечным сайтом;
  • Повышение скорости сборки прототипов;
  • Снижение ошибок и несостыковок в дизайне.

Теперь команды могут использовать Figma Make как low-code платформу, где все визуальные элементы соответствуют брендбуку. Это мощное обновление Figma для дизайнеров без навыков верстки.
Попробовать бесплатно

Сэкономьте свои деньги

создайте сайт через нейросеть

Ответьте всего на 2 вопроса и получите готовый сайт

Уведомления в браузере

Следующее значимое обновление Figma — внедрение браузерных push-уведомлений. Пользователи теперь получают мгновенные оповещения о:

  • Упоминаниях в комментариях;
  • Изменениях в документах;
  • Уведомлениях от коллег по проекту.

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

Dev Mode + MCP Server: кодогенерация нового уровня

Один из самых продвинутых релизов среди всех обновлений Figma 2025 года — это запуск MCP Server в Dev Mode.

Что теперь доступно:
  • Интеграция Figma с VS Code, Cursor и другими AI‑редакторами;
  • Генерация кода на основе фреймов и компонентов;
  • Экспорт переменных и layout‑структур в dev‑среду;
  • Интеграция с Code Connect.


Это обновление Figma особенно важно для фронтендеров. Оно стирает грань между дизайном и кодом, автоматизируя передачу макетов в продакшн.
Узнайте, как сделать ваш сайт интерактивным, в нашем справочном центре.
Сгенерировать сайт

Вам это нужно

AI соберёт сайт за вас

Ответьте всего на 2 вопроса и получите готовый сайт для вашей сферы деятельности

Code Layers в Figma Sites

Сервис Figma Sites также получил масштабные обновления Figma. Теперь дизайнеры могут добавлять code layers — интерактивные участки с поддержкой:

  • JavaScript / TypeScript,
  • React / JSX,
  • Tailwind CSS,
  • AI‑анимаций и drag‑эффектов.


Это значит, что теперь можно создавать интерактивные веб‑страницы прямо внутри Figma — без необходимости передавать макеты во внешний фреймворк. Такие обновления Figma делают её конкурентом no-code платформ, таких как Webflow. Прочитайте это руководство по серверу MCP в режиме разработки

Автоматическая загрузка Apple-шрифтов

Для дизайнеров, создающих интерфейсы под iOS и macOS, появилось крайне полезное обновление Figma — автоматическая загрузка фирменных шрифтов Apple (SF Pro, SF Compact). Теперь не нужно искать и устанавливать файлы вручную.

Шрифты автоматически доступны:
  • В Figma Editor,
  • В Figma Slides,
  • В Figma Buzz.

Это повышает точность макетов и избавляет от проблем при передаче файлов между участниками команды.
Сгенерировать сайт

Не тратьте дни на разработку пусть ИИ сделает это за вас

Ответьте всего на 2 вопроса и получите готовый сайт для вашей сферы деятельности

Ответьте всего на 2 вопроса и получите готовый сайт для вашей сферы деятельности

Доступность и семантика в Figma Sites

Команда Figma продолжает акцентировать внимание на доступности. В новых обновлениях Figma:

  • HTML-вывод стал более семантическим (<button>, <a>, <p>);
  • Улучшена навигация с клавиатуры;
  • Фоновые изображения теперь читаются корректно;
  • Устранены баги с разметкой текстовых блоков.

Это обновление Figma делает сайты, собранные в редакторе, пригодными для SEO, WCAG и адаптивных интерфейсов.
В нашем Справочном центре вы найдете дополнительную информацию о том, как улучшить доступность вашего сайта Figma

Почему обновления Figma 2025 — важный шаг

Обновления Figma 2025 не просто расширили функциональность — они задали новый стандарт для всего UI/UX-сектора. Вместо одного инструмента мы получаем экосистему, в которой:

  • Происходит разработка идеи;
  • Создаются прототипы и дизайн;
  • Появляется код;
  • Запускаются готовые сайты;
  • Поддерживается командная работа.
Если вы профессионал, продуктолог, дизайнер, разработчик или маркетолог — обновления Figma откроют перед вами новые горизонты эффективности.

AI создаст уникальный сайт за 3 минуты

Ответьте всего на 2 вопроса и получите готовый сайт для вашей сферы деятельности

Сгенерировать сайт

Альтернатива Figma: создайте сайт без навыков дизайна и кода

Несмотря на то что обновления Figma делают платформу всё более гибкой и мощной, она всё ещё требует понимания дизайн-процессов, UI-паттернов и часто — базового знания HTML/CSS. Для новичков и предпринимателей без технического фона это может стать барьером.

Именно здесь на сцену выходит Mottor — платформа, которая позволяет:

  • создавать современные сайты без единой строки кода;
  • использовать готовые адаптивные блоки и секции;
  • мгновенно публиковать проекты без верстальщиков;
  • сосредоточиться на содержании, а не на интерфейсе.

Если вам важно быстро запустить лендинг, промо-страницу, портфолио или продуктовый сайт — Mottor будет проще, доступнее и быстрее. Это особенно актуально, если вам не нужен сложный дизайн-сценарий, а важна скорость и результат.

Выбор между Figma и Mottor — это выбор между гибкостью и готовностью к запуску «здесь и сейчас».

Забудьте о кодинге

ИИ сделает сайт за 3 минуты

Ответьте всего на 2 вопроса и получите готовый сайт для вашей сферы деятельности

Ответьте всего на 2 вопроса и получите готовый сайт для вашей сферы деятельности

Сгенерировать сайт

Частые вопросы (FAQ)

1. Что выбрать: Figma или Mottor?

Если вы дизайнер, работаете в команде или создаёте сложный интерфейс — выбирайте Figma. Если вам нужен быстрый, готовый к запуску сайт без знаний дизайна и кода — проще и быстрее будет на Mottor.

2. Можно ли сделать сайт в Figma и экспортировать его?

Figma Sites позволяет собирать сайты прямо внутри редактора. Однако при необходимости полноценного функционала и SEO‑оптимизации, вам всё равно потребуется помощь разработчика или интеграция с платформами.

3. Подходит ли Mottor для бизнес-сайтов?

Да, Mottor предлагает готовые блоки и шаблоны, адаптированные под задачи малого и среднего бизнеса. Без агентств, фрилансеров и дополнительных затрат.

4. Насколько Figma сложна для новичка?

С каждым обновлением Figma становится мощнее, но и сложнее для неподготовленного пользователя. Для старта требуется хотя бы базовое понимание UI-дизайна.

Заключение

Обновления Figma в 2025 году демонстрируют чёткий вектор развития платформы: от удобного дизайнера интерфейсов — к мощной, комплексной среде для всего продуктового цикла. Инструменты становятся не просто функциональнее, а глубже интегрированы друг с другом: рисование, прототипирование, кодогенерация, верстка сайтов — всё в одном пространстве.

Ключевые новшества, такие как переменные штрихи, AI-ассистенты в Dev Mode, стилизация Make и доступность в Sites, не просто расширяют возможности, а размывают границы между дизайном, разработкой и продакт-менеджментом. Figma становится не только платформой для UI/UX‑дизайнеров, но и инструментом, который объединяет команды: дизайнеров, фронтендеров, аналитиков, маркетологов.

Если вы давно работаете в Figma — эти обновления повысят вашу эффективность. Если только рассматриваете внедрение — сейчас лучшее время начать. Новые возможности дают командам больше гибкости, скорости и контроля над процессом.
Получить урок бесплатно

Cделайте ваш сайт продающим вместе с mottor campus

Cделайте ваш сайт продающим вместе
с mottor campus

Бесплатный урок от специалистов компании mottor

Читайте также:

ТОП-15 плагинов для Figma: ускорьте свой дизайн в 2025 году
Искусственный интеллект
 в дизайне:
5 лучших AI-инструментов
Промпты для Midjourney: Примеры идеальных промтов
Перейти ко всем статьям
Бесплатный конструктор сайта
Все шаблоны
Шаблон онлайн курс
Шаблон курс инвестиций
Шаблон доставка еды
Шаблон онлайн школа
Шаблон для портфолио
Шаблон лендинг вебинара
Шаблон интернет-магазин мебели
Одностраничный сайт
Многостраничный сайт
Создать сайт онлайн бесплатно самому
Создать квиз
Создать сайт бесплатно конструктор
Создать бесплатно интернет магазин
Создать сайт конструктор
Конструктор сайта онлайн
Онлайн конструктор сайта бесплатно
Конструктор интернет магазинов
Конструктор страниц
Сайт конструктор бесплатно
Конструктор создания сайтов
бесплатный конструктор сайтов, лендингов и квизов
Документы:
Полезные ссылки:
Функциональность:
Функциональность:
О компании:
при поддержке Фонда Развития Интернет Инициатив
бесплатный конструктор сайтов, лендингов и квизов
Бесплатный звонок по России
Шаблоны:
Популярные запросы:
support@lpmotor.ru
О компании и сервисе
Тур по сервису
Блог
Инструкции
Договор-оферта
Партнёрская программа
Шаблоны
Видеоинструкции
Согласие
Тарифы и услуги
Обновления
Политика конфиденциальности
Сделано на mottor
Техподдержка
Платная поддержка
Инструкция по установке