Figma Sites: от дизайн до сайт - без код и без handoff

Figma Sites: от дизайн до сайт - без код и без handoff

9 май 2025 г.

4 мин. четене

4 мин.

Да вдигне ръка всеки, който някога е правил дизайн в Figma, пратил го е на девелопъри... и после е гледал с отчаяние как всичко се чупи. Цветове, размери, анимации, дори самата логика на интерфейса. FML, right?

⚡️ NEWSFLASH! ⚡️

На 7 май 2025 г. (по време на конференцията Config 2025) Figma представи Figma Sites и стартира нова ера в живота на всички фигмайстори. Figma Sites вече ни позволява да създаваме и публикуваме уебсайтове директно от Figma - без нужда от handoff, без нужда от код, и без нужда от допълнителни платформи, интеграции, плъгини и тн.

Звучи твърде хубаво? И ние така си помислихме. Но след няколко часа тестове и ровене — можем да кажем: това не е просто поредният „no-code“ билдър. Това е опит за нов стандарт.

Какво означава това за Framer, Webflow, Relume и всички други компании, които изградиха своя бизнес около интеграциите с Figma? И какво означава за теб, като дизайнер? Засега можем само да гадаем, но ето какво знаем със сигурност.

Основни характеристики на Figma Sites

✅ Дизайнваш си сайта както обикновено – с компоненти, auto layout, variables
✅ Превключваш на “site mode” и виждаш как той става реален сайт.
✅ Автоматизиран responsive дизайн (подобно на Framer) - с нова grid система и breakpoints.
✅ Добавяш интеракции, scroll анимации, hover ефекти и дори custom cursor.
✅ Публикуваш директно с един клик – с поддръжка на custom domain
✅ Предстои и CMS, и AI интеграция за vibe coding (Figma Make) и съдържание

Какво ни хареса най-много?

  • Истинска интеграция с дизайна – работиш в познатата Figma среда, с всички библиотеки, компоненти и стилове, които вече ползваш.

  • Отваря нови възможности за дизайнерите – особено ако си фрийлансър или малко студио, можеш вече да предлагаш “дизайн + сайт” без да пишеш ред код.

  • Бързина и итерации – клиент казва “Искам още секция” → добавяш я в Figma → тя вече е онлайн

Има ли минуси?

О, да. Поне засега виждаме, че:

  • CMS системата все още е в разработка. Става за малки сайтове и базови функционалности.

  • SEO контролът е базов — няма schema, няма meta настройки на ниво страница.

  • Генерираният код е, меко казано, тежък – div-ове в div-ове, минимално семантичен HTML

  • Анимациите и ефектите още са ограничени

  • Няма поддръжка на Figma плъгини вътре в Sites

За кого е Figma Sites?

  • Дизайн екипи, които вече работят във Figma и искат по-кратък път от дизайн до launch

  • Фрийлансъри и начинаещи, които искат бързо да публикуват портфолио или лендинг страници

  • Малки бизнеси, които не искат да плащат отделно на дизайнер и девелопър

  • Студиа, които търсят бърз MVP подход за клиенти или вътрешни проекти

А кога не е добра идея?

  • Когато проектът изисква силно SEO, блог със структуриран контент или scalable CMS

  • Когато имаш нужда от пълен или по-добър контрол върху HTML/CSS/JS

  • Когато искаш лека, минимална front-end архитектура… и бърз, оптимизиран уеб сайт.

  • Когато сайтът ти е e-commerce или сложен уеб app

Цени и планове

Разбира се, Figma Sites не е безплатен.

  • Professional: $12–16/месец (до 10 custom домейна)

  • Organization и Enterprise: $25–90/месец (неограничени домейни)

  • Без допълнителни такси за трафик или хостинг (поне до края на 2025)

Перспективата (pun intended)

Определено ми беше интересно да тествам Figma Sites. Имам чувството, че са анализирали всички фийчъри на Framer и са взели някои от най-добрите идеи там. Но все още се усеща малко "дървено"… както се усещаше Figma, когато се появи през 2016 като един от първите сложни колаборативни web apps и всички бяхме свикнали да си работим на Sketch (който си беше само native app и работеше безупречно).

Figma Sites няма да замени Webflow или Framer утре. Но ако си дизайнер, който иска да види сайта си на живо, веднага, без да чака дев екип – това е най-доброто за теб.

Аз лично нямам търпение да отворя Framer всеки ден. Винаги бих заложил на него заради бързината, удобството, интерфейса, контрола върху CMS модулите, по-усъвършенстваните анимации, страхотния performance & SEO оптимизация. Последните сайтове, по които работим, дори нямат Figma файл - работим директно във Framer (този на Перспектива, включително).

Можем само да предполагаме, че се задават много ъпдейти на Figma Sites - адекватен CMS, по-добро SEO, и по-лек код. Но дори в тази версия — Figma Sites дава нещо много ценно: пълен контрол от дизайн до сайт, в една среда, без прекъсване.

И това, честно казано, е бъдещето. А каква част от това бъдеще ще бъде за Figma, Webflow, Framer, WIX или друга платформа (дори и Canva имат website builder вече)? Не се знае.

My bet - до няколко години "vibe coding" инструментите ще завземат пазара - bolt, lovable, v0… и всички останали, които се появяват всеки ден. Чрез тях всеки ще може да прави малки и големи сайтове, с дизайн системи, сложни бекенди и всякакви features - без да учи Figma, дизайн принципи и да бута пиксели.

А дизайнерите, които предпочитат да си изпипат нещата ръчно, да имат пълен контрол върху интерфейса и да следват по-традиционен процес, ще трябва да избират между Figma, Framer… и може би WIX/Webflow, ако оцелеят до тогава.

Марто е UI/UX дизайнер, стратег и консултант с 19 години опит и 200+ проекта зад гърба си. Специализира в изграждане и развитие на дигитални продукти (Saas & mobile), интерактивни сайтове и AI агенти.

СПОДЕЛИ

Научавай първи за най-добрите курсове, програми и събития

Присъедини се към 2200+ щастливи дизайнери.
Ще ти пишем само за най-важните неща.

2023-2025 © Перспектива Дизайн
Всички права запазени

Научавай първи за най-добрите курсове, програми и събития

Присъедини се към 2200+ щастливи дизайнери.
Ще ти пишем само за най-важните неща.
Обещаваме :)

2023-2025 © Перспектива Дизайн
Всички права запазени

Научавай първи за най-добрите курсове, програми и събития

Присъедини се към 2200+ щастливи дизайнери.
Ще ти пишем само за най-важните неща.

2023-2025 © Перспектива Дизайн
Всички права запазени