Новинки Figma Config 2025: огляд нових інструментів Make, Sites, Grid, Draw та Buzz

Config 2025: новий етап розвитку дизайну

У рамках конференції Config 2025 було анонсовано низку інструментів і функцій, покликаних розширити можливості дизайнерів та продуктових команд. За десять років свого існування Figma суттєво розширила поняття “дизайн”, інтегрувавши в робочі процеси автоматизацію, адаптивність та глибоку колаборацію. Нижче описано ключові новинки та їхні основні характеристики.

Figma Make: від дизайну до коду в одному середовищі

Figma Make — інструмент «prompt-to-code», що дозволяє трансформувати статичні макети в інтерактивні прототипи за допомогою природних мовних запитів. Між дизайном і продакшеном традиційно існує технологічний розрив, який здебільшого долався складними та фрагментованими процесами. Figma Make об’єднує етапи розробки, дизайну й тестування під одним інтерфейсом.

Ключові можливості

Натуральні мовні запити: можна вказати текстом, куди й що додати («додати кнопку “Опублікувати”»).
Запит по файлу: достатньо передати Figma-файл, щоб отримати початковий прототип.
Прецизійна ітерація: виділити потрібну ділянку макета й змінити її через текстову команду.
Колаборативність: всі зміни відстежуються й відображаються в реальному часі для всієї команди.

Переваги

Швидке перетворення ідей у інтерактивні прототипи без залучення окремих розробників.
Гнучкість: експерименти з дизайном можна проводити швидко й з високою точністю.
Єдине джерело правди: дизайн, код, тестування й правки — в межах одного середовища.

Figma Sites: публікація сайтів без додаткових інструментів

Figma Sites дає змогу одним кліком робити живі вебсайти з дизайнів та прототипів, минаючи етап передачі макетів у фронтенд-розробку. Це рішення ліквідує традиційну “остання милю” у продуктовому циклі.

Головні функції

Responsive design: адаптивна верстка за допомогою Auto Layout, Grid і нових брейкпоїнтів.
Компоненти та варіанти: створення й налаштування UI-компонентів для різних екранів.
Прототипування: знайомі інструменти Figma доповнені налаштуванням веб-взаємодій (hover, click, scroll).
Анімації та код: інтеграція з Figma Make для генерації складних анімацій і взаємодій.
CMS (скоро): вбудована безкодова система керування контентом для динамічних оновлень.

Переваги

Мінімізація часу від дизайн-макета до живого сайту.
Підтримка адаптивності без додаткового коду.
Майбутня можливість оновлювати контент через інтерфейс, без звернень до розробників.

Grid: структуровані макети без складності

Grid — новий режим Auto Layout, що поєднує вільне розміщення елементів із точними сетками. Раніше в Figma для адаптивних сеток доводилося використовувати складні вкладені фрейми та хаки, що сповільнювало роботу.

Основні можливості

Розтягування елементів: span елементів на декілька клітинок сетки.
Реальне відображення: зміна розміру рамки відразу показує, як адаптується макет.
Точні налаштування: задавання ширини кожного рядка/колонки, керування відступами.
Ізоляція шарів: позиціонування елементів незалежно від порядку шарів.
Dev Mode: прямий експорт CSS Grid для розробників.

Переваги

Швидка й точна розробка адаптивних макетів.
Менше складних вкладень — код ближчий до візуального результату.
Збереження єдиного джерела правди між дизайнерами та розробниками.

Figma Draw: потужні векторні інструменти

Figma Draw — набір інструментів для вільного малювання та текстурних ефектів у векторних шарах. Векторні мережі Figma з моменту запуску потребували оновлення для складних ілюстрацій та цифрового живопису.

Ключові інструменти

Shape Builder: комбінування й віднімання форм, мультивибір векторів.
Lasso Tool: точний вибір опорних точок.
Pattern & Text Tools: повторення по колу/лінії, текст на шляху, кастомні візерунки.
Ефекти: варіативні обводки, текстури/шум, прогресивне розмиття для глибини.
Інтеграція з DS: застосування змінних кольорів із дизайн-системи.

Переваги

Прямий інтерфейс із великими прев’ю шарів і видимими повзунками.
Плавні Boolean-операції та швидше створення складних ілюстрацій.
Гнучке управління стилями для адаптації до світлих і темних тем.

Figma Buzz: брендовані активи для всієї команди

Figma Buzz призначена для створення й централізованого керування маркетинговими й брендованими матеріалами — від соціальних мереж до івент-принтів і мерчу. Основна ідея — знизити залежність від дизайнера-експерта в щоденних завданнях із створення багатьох однотипних активів.

Основні можливості

Шаблони: налаштовувані шаблони з обмеженим редагуванням, щоб не порушити брендбук.
Bulk creation: масове генерування активів через зв’язки з таблицями чи CSV.
Фокусоване редагування: інтерфейс для швидких правок без ризику зламати загальний вигляд.
Grid view: інтуїтивний перегляд активів у вигляді сітки.
Content Seat: спеціальна ліцензія без повного доступу дизайнера, але з можливістю експорту.

Переваги

Зниження навантаження на дизайнерів при створенні рутинних матеріалів.
Забезпечення консистентності бренду навіть за участі непрофільних користувачів.
Централізоване зберігання й швидкий експорт у потрібні формати.

Підсумок

Конференція Config 2025 представила кілька нових інструментів, які зменшують розрив між дизайном і продакшеном, розширюють творчі можливості та автоматизують рутинні завдання. З появою Figma Make, Sites, Grid, Draw і Buzz дизайнерські процеси стають швидшими, точнішими та доступнішими для всієї команди — від студентів і фрилансерів до великих продуктових відділів.