UX/UI Radar
Trendy

Figma MCP umí převést HTML na vrstvy a generovat obrázky i video

Nové nástroje html_to_figma a generate_image a napojení na modely Figma Weave mění Figmu v cíl, kam agent posílá hotovou práci. Zároveň skončilo období, kdy byly code layers zdarma.

Figma MCP server už neslouží jen k tomu, aby agent četl design a psal podle něj kód. Nově umí i opačný směr: dostat výstup agenta zpátky do Figmy jako upravitelné vrstvy.

Co je nového

  • html_to_figma – HTML, které vygeneroval agent (třeba prototyp z Claude Code), převede na upravitelné vrstvy ve Figmě.
  • generate_image – generuje obrázky Figma modely přímo z externího AI nástroje; čerpá Figma AI kredity stejně jako „Make an image“ ve Figma Design.
  • Modely Weave přes MCP (od 26. 10. 2026) – video a obrazové modely z Figma Weave (např. Seedance, Kling, Nano Banana) jsou dostupné externím agentům, jakmile propojíš Weave účet s Figmou. Platí se Weave kredity, ne Figma AI kredity.
  • Publikování Weave nástrojů (od 30. 10. 2026) – Organization a Enterprise týmy můžou sdílet interní Weave nástroje.

Vylepšení MCP jsou dostupná na všech plánech; limity a přístup se liší podle plánu a typu seatu a klient musí být v katalogu Figma MCP.

Konec bezplatných code layers

Code layers (open beta) čerpají AI kredity. Tvorba a úpravy v nich byly na placených plánech zdarma do 4. 11. 2026 – toto období skončilo. I předtím se ale účtovala ostatní práce agenta v témže promptu. Vypnout to může jen Enterprise přes nastavení AI funkcí.

Akce Čím se platí
Code layers (od 5. 11.) Figma AI kredity
generate_image Figma AI kredity
Modely Weave přes MCP Weave kredity
Práce agenta ve Specs Figma AI kredity

Co to znamená pro tvůj workflow

Prototyp v kódu a soubor ve Figmě už nemusí žít odděleně. Obrazovku postavenou v Claude Code můžeš převést do Figmy, nechat kolegy komentovat skutečné vrstvy a změny vrátit do kódu – podobně jako to dělá 2FRESH ve svém Design OS nebo Simon Jun s Claude řízeným přes MCP.

Jak začít

  1. Vezmi jednu obrazovku existujícího HTML prototypu a převeď ji přes Figma MCP nástrojem html_to_figma do konceptu (ne do produkčního souboru).
  2. Zkontroluj auto layout, napojení na proměnné a pojmenování vrstev.
  3. Po každé akci se podívej na účtenku kreditů a odhadni, kolik tě bude stát týdenní provoz.

Zdroje