Figma Make: Co to je, jak to funguje, kredity a limity (2026)16 min read

Figma Make je nástroj Figma AI prompt-to-app. Popíšete, co chcete, nebo začnete od návrhu Figma, a vytvoří funkční prototyp nebo webovou aplikaci, kterou si můžete prohlédnout, upravit v chatu, upravit v kódu a publikovat. Je umístěn uvnitř Figma jako vyhrazený soubor Make, takže může používat vaše návrhy a knihovny jako kontext. Je zaměřena na designéry, produktové manažery a kohokoli, kdo potřebuje proměnit nápad v něco, na co mohou lidé kliknout.

Fakta ověřená na stránce Figma Make a centru nápovědy Figma 1. listopadu 2026. Plány, kredity a funkce se často mění, proto si před nákupem ověřte aktuální podrobnosti v Figma.

Tato příručka vysvětluje, co je Figma Make, jak funguje krok za krokem, na kterých funkcích záleží, kdo je může používat, jak fungují kredity AI, jak publikovat a exportovat a kde jsou její limity. Pokud se rozhodujete mezi nástroji, naše Srovnání Figma Make vs Anima Playground pokrývá alternativy.

Co je Figma Make?

Figma popisuje Figma Make jako nástroj řízený umělou inteligencí, rychlý k aplikaci, který vám umožní oživit nápady a stávající návrhy Figma jako funkční prototypy, webové aplikace a interaktivní uživatelské rozhraní. Pracujete v chatu vedle živého náhledu a vše, co vytvoříte, je podloženo kódem, takže můžete přepínat mezi náhledem, úpravami ukaž a klikni a samotným kódem.

Figma představil Make na Config 2025 a rozrostl se z jednosložkového nápadu na plnohodnotný produkt s plánovacím režimem, editorem kódu, backendy, publikováním a integracemi. Je oddělený od Figma Design: soubor Make vytvoříte stejným způsobem, jakým vytváříte jiné soubory Figma, pomocí tlačítka Make ve vašich konceptech.

Co můžete postavit s Figma Make?

• Klikatelný prototyp toku nebo funkce k testování s uživateli.
• Interaktivní verze stávajícího designu Figma s přechody a logikou.
• Malá webová aplikace nebo interní nástroj s backendem pro data a přihlašování.
• Vstupní stránka nebo mikrostránka, kterou můžete publikovat na veřejné adrese URL.

Jak Figma Make funguje, krok za krokem

1. Vytvořte soubor Make. V prohlížeči souborů Figma otevřete své koncepty a klikněte Make v pravém horním rohu. Můžete také začít ze šablony nebo klonováním úložiště GitHub.
2. Napište výzvu. Popište, co chcete v chatu vybudovat. Můžete psát nebo diktovat. Buďte konkrétní ohledně uživatele, hlavního úkolu a obrazovek.
3. Přidejte kontext. Připojte návrhy Figma nebo vložte rámce do chatu, přeneste kontext stylu z knihovny Figma (placené plány), přidejte backend, připojte nástroje pomocí konektorů MCP nebo nechte Make prohledávat web nebo načíst URL.
4. Pokud chcete mít kontrolu, nejprve plánujte. U placených plánů režim plánu generuje strukturovaný plán, který můžete upravit před napsáním jakéhokoli kódu.
5. Zkontrolujte náhled. Make vytvoří aplikaci a ukáže ji živě. Proklikejte se tak, jak by to udělal uživatel.
6. Upřesnit. Pokračujte v chatování, použijte bod a úpravy ke změně konkrétních prvků, přidejte anotace a posílejte je společně, nebo otevřete editor kódu a změňte kód přímo.
7. Sdílejte nebo publikujte. Sdílejte soubor pro zpětnou vazbu s komentáři, zkopírujte náhled zpět do Figma Design jako vrstvy, publikujte jej na veřejné adrese URL nebo si stáhněte kód.

Jeden praktický tip z dokumentů Figma: namísto vkládání odkazu na váš soubor Figma připojte rámeček nebo komponentu. Make nečte návrh z adresy URL a vložený odkaz může vést k neočekávanému výstupu.

Klíčové vlastnosti Figma Make

Figma Make vs Figma Code Layers vs Figma Sites

Tihle tři jsou zmatení. Figma Make funguje ve vyhrazeném souboru, kde vytváříte a publikujete aplikaci. Vrstvy kódu vám umožní prozkoumat interaktivní nápady vedle vašich návrhů na plátně Figma Design; viz náš průvodce Vrstvy kódu Figma a specifikace. Figma Sites je pro publikování webových stránek navržených v Figma. Vyberte Make, pokud by se výstup měl chovat jako aplikace, a vrstvy kódu, pokud chcete vedle statického návrhu interaktivní prvek.

Kdo může používat Figma Make a co stojí kredity AI?

Figma Make je k dispozici v plánech Starter (s omezeními), Professional, Organization, Enterprise, Education (uživatelé vyššího vzdělávání a bootcamp) a vládních plánech. Vaše sedadlo rozhoduje o tom, co můžete dělat:

Make běží na kreditech AI. Každé sedadlo zahrnuje kredity, měsíčně se resetují a nelze je sdílet ani převracet. Podle dokumentace Figma v říjnu 2026:

Počet kreditů, které výzva použije, závisí na zvoleném modelu a úkolu. Vlastní příklady Figma, založené na jeho výchozím modelu v únoru 2026, uvedly malou změnu, jako je aktualizace písem na zhruba 30 nebo více kreditů a vytvoření interaktivního připojeného návrhu na zhruba 75 nebo více. Volba lehčího modelu pro malé úpravy a použití režimu plánu pro velké stavby pomáhá vašim kreditům vydržet.

Publikování, backendy a vypracování vaší práce

Publikovat

Klikněte na Publikovat, nastavte název a Make vám poskytne veřejnou adresu URL, která vypadá three-random-words.figma.site. K podporovaným plánům můžete připojit vlastní doménu. Publikované aplikace jsou hostovány na Amazon Web Services se směrováním přes Cloudflare, ve výchozím nastavení nejsou indexovány vyhledávači a Make nemá vestavěný panel pro analýzu, i když v nastavení můžete přidat ID Google Analytics.

Backend

Chcete-li ukládat data a podporovat přihlašování, můžete požádat Make o vytvoření backendu s Payload s databází, úložištěm souborů, autentizací a panelem pro správu, nebo můžete připojit svůj vlastní projekt Supabase z nastavení Make.

Export kódu

Uživatelé s úplným nebo vývojářským sídlem si mohou stáhnout všechny soubory v souboru Make jako ZIP z akcí Soubor na kartě Soubory. Považujte stahování za prototypovou kódovou základnu: spusťte jej lokálně, zkontrolujte a refaktorujte, než na něm budete stavět.

Přesuňte návrh zpět na Figma

Na placených plánech můžete zkopírovat aktuální náhled jako vrstvy návrhu a vložit je do Figma Design. Vrstvy jsou upravitelné, ale jedná se o snímek. Nejsou interaktivní, nejsou propojeny se souborem Make a nejsou automaticky spojeny s vaším návrhovým systémem.

Figma Make Limity, které je třeba znát, než začnete

• Většina funkcí vyžaduje plné místo v placeném plánu a kredity mohou u velkých sestav rychle docházet.
• Je vytvořen pro prototypy a jednoduché aplikace. Produkční software stále potřebuje technickou kontrolu, testy, zabezpečení a údržbu.
• Změny, které provedete na zkopírovaných vrstvách v Figma Design, se neprojeví zpět do souboru Make.
• Pokud požádáte model, aby používal Supabase a integrace není připojena, může namísto funkčního připojení vygenerovat falešný kód.
• SEO kontroly a analýzy jsou pro publikované weby minimální.
• Nemůžete mu předat odkaz Figma a očekávat, že si soubor přečte. Připevněte nebo přilepte rám.

Pokud potřebujete skutečný front-end kód, klon webu nebo aplikaci, která žije mimo Figma, podívejte se na alternativu, jako je Anima Playground. Poctivě je srovnáváme Figma Make vs Anima Playground.

Rychlé nápady pro Figma Make

Specifické výzvy, které pojmenovávají uživatele, úlohu a stavy, poskytují lepší první výsledky. Zkuste tyto:

• „Vytvořte třístupňový proces registrace pro rozpočtovou aplikaci. Zobrazte indikátor průběhu, ověřte každé pole a skončete na obrazovce úspěchu.“
• „Přeměňte přiložený cenový rámec na interaktivní stránku. Přidejte měsíční a roční přepínání a stav přechodu na každou kartu plánu.“
• „Vytvořte řídicí panel podpory pro agenta, který třídí vstupenky. Zahrňte filtry, prázdný stav a stav načítání.“
• „Vyrobte prototyp mobilní pokladny s pokladnou pro hosty, ověřením adresy a potvrzením objednávky.“

Sestavte si pracovní aplikaci s Anima Playground

Dáváte přednost skutečné webové stránce nebo aplikaci, kterou můžete exportovat a odeslat? Popište to a Anima to sestaví.

Figma Make FAQ

Co je Figma Make?

Figma Make je nástroj Figma řízený umělou inteligencí a rychlý přístup k aplikaci. Promění výzvu nebo existující návrh Figma na funkční prototyp, webovou aplikaci nebo interaktivní uživatelské rozhraní, které si můžete prohlédnout, upravit v chatu nebo kódu a publikovat.

Je Figma Make zdarma?

Plány Starter mohou prozkoumat Figma Make zdarma s limity, včetně 500 kreditů AI měsíčně a denního limitu. Plná místa v placených plánech získají více kreditů a funkcí, jako je kontext týmové knihovny, režim plánu, sdílení a publikování. Plány se mění, takže zkontrolujte ceny Figma.

Jak mohu používat Figma Make?

Ve svých konceptech Figma klikněte na Make, napište výzvu do chatu, připojte návrhy nebo kontext stylu, pokud je máte, odešlete jej a výsledek upřesněte pomocí chatu, bodu a úprav nebo editoru kódu. Poté jej sdílejte, publikujte nebo exportujte.

Může Figma Make exportovat kód?

Ano. Uživatelé s úplným nebo vývojářským sídlem si mohou stáhnout kód souboru Make jako ZIP z karty Soubory. Nejlepší je s ním zacházet jako s prototypovou kódovou základnou, kterou zkontrolujete před produkčním použitím.

Mohu publikovat aplikaci Figma Make?

Ano. Úplná místa mohou publikovat na veřejné adrese URL figma.site a začínající uživatelé mohou publikovat veřejně, pouze pokud publikují také na Figma Community. K podporovaným plánům můžete přidat vlastní doménu a publikované aplikace nejsou ve výchozím nastavení indexovány vyhledávači.

Jaký je rozdíl mezi Figma Make a Anima Playground?

Figma Make vytváří prototypy a aplikace v rámci ekosystému Figma. Anima Playground je samostatný pracovní prostor, který začíná výzvami, návrhy Figma, URL nebo obrázky a vytváří upravitelné HTML nebo React, které můžete exportovat, předávat a publikovat. Podrobnosti najdete v našem srovnání.