---
title: Figma MCP umí převést HTML na vrstvy a generovat obrázky i video
date: 2026-11-09
edition: 2026-11-09
rubric: Trendy
perex: 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.
topics: [mcp, figma, obrazky-video]
---

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

- [What's new from Config India 2026 – Figma Help Center](https://help.figma.com/hc/en-us/articles/43663368947863-What-s-new-from-Config-India-2026)
- [Figma updates – Releasebot](https://releasebot.io/updates/figma)
- [Figma Specs and Code Layers: What Agents Can Now Do – BizFlowAI](https://bizflowai.io/blog/figma-specs-and-code-layers-what-agents-can-now-do)
