Config 2026: Figma přidává AI animace, shadery a kód přímo na canvas

Figma na své výroční konferenci Config 2026 (24. června 2026) oznámila největší balík novinek ve své historii. Cíl je jasný: přestat být “jen” designovým nástrojem a stát se univerzální kreativní platformou, kde design, kód, animace i AI workflow fungují na jednom přehledném místě. Pokud se věnujete designu nebo pracujete v marketingu, tady je vše, co potřebujete vědět.

Figma Motion: animace konečně přímo ve Figmě

Největší novinkou pro všechny uživatele bude právě – Figma Motion. Přidává timeline přímo do designového souboru – ve stejném místě jako vaše komponenty, proměnné a celý tým. Animace lze stavět od nuly, vrstvit na existující designy nebo nechat vygenerovat Figma agentem jako výchozí bod. K dispozici jsou keyframy, presets a plná kontrola nad easing křivkami.

Export funguje do MP4, WebM, Animovaného SVG nebo GIF, a v Dev Mode je každý keyframe inspectable – lze ho zkopírovat jako CSS, JSON nebo framework-ready React kód. Motion je také MCP-kompatibilní, takže animaci lze předat přímo coding agentovi.

To znamená: animované bannery a pohyblivý obsah pro sociální sítě bez nutnosti přecházet do After Effects.

3D Transforms: hloubka a dimenze pro vaše designy

Nová funkce 3D Transforms přidává třetí dimenzi přímo na Figma canvas. Designům a obrázkům lze dát hloubku a perspektivu – a v kombinaci s Motion se objekty pohybují tak, jak to znáte z reálného světa.

Jde o výrazné rozšíření možností pro tvorbu vizuálně silného obsahu: 3D bannery, produktové vizualizace nebo dynamické prezentace. 3D Transforms jsou zatím v betě – waitlist na figma.com/config-betas.

AI Shader nástroje: generativní vizuální efekty bez kódu

Shader fills a effects byly vždy součástí Figmy – poháněly renderování canvasu za scénou. Nově je může vytvořit každý.

Stačí popsat efekt nebo nahrát referenční obrázek a Figma agent shader vygeneruje, parametrizuje a připraví k použití. Shader lze použít jako výplň (fill) – nový vizuální materiál vrstvy – nebo jako efekt transformující obsah vrstvy. Efekty jsou stackovatelné, sdílitelné v týmu a připravené na export do kódu. Interaktivní shadery jsou na cestě.

Generativní textury, přechody a vizuální efekty pro obsah bez nutnosti najmout grafika nebo programátora.

Code Layers: design a kód konečně v jednom souboru

Code Layers ukončují roky trvající debatu “design versus kód”. Kód je od teď materiál jako obrázky nebo vektory – ve stejném souboru jako váš design.

Jedním klikem nebo promptem proměníte jakoukoliv designovou vrstvu v interaktivní kódovou vrstvu. Vedle sebe lze mít více verzí kódu a porovnávat je stejně jako designové framy. Vývojáři mohou klonovat repozitáře a extrahovat flows z kódu do designových vrstev – handoff přes externí nástroje prakticky odpadá.

Generativní pluginy: vlastní nástroje bez programování

Figmu – stačí popsat co potřebujete: chování, ovládací prvky, parametry. Žádné lokální vývojové prostředí, žádná znalost Plugin API.

Výsledný plugin funguje nativně v canvasu jako jakýkoliv jiný Figma nástroj. Pluginy lze sdílet v rámci souboru, brzy také s týmem, organizací nebo celou komunitou.

Typické použití: nástroj pro řazení vrstev, automatické zarovnání, hromadné nahrazení textu nebo barev.

Agent Skills a Connectors: Figma agent který zná váš stack

Figma agent (spuštěn pro všechny uživatele 23. června) nově podporuje Skills, Attachments a Connectors.

Skills jsou balíčky workflow a konvencí vašeho týmu – znovupoužitelné instrukce pro agenta. Connectors propojují agenta s nástroji, které už používáte: Notion, Slack, GitHub, Atlassian, Granola, Hex a další. Agent tak může načítat kontext z externích nástrojů a posílat aktualizace zpět. Konverzace s agentem jsou nově viditelné celému týmu – každý vidí, jaké směry ostatní zkoušejí.

Agent přichází také do FigJam a Slides: generuje boardy a diagramy ve FigJamu a umí hromadně upravovat prezentace ve Slides. Beta: figma.com/config-betas.

Figma Weave Tools: generativní workflowy přímo na canvasu

Figma Weave je node-based canvas pro stavbu generativních workflow. Nově jsou Weave tools dostupné přímo v Figma canvasu.

Nástroje umožňují style transfer (přenést styl z jednoho obrázku na jiný), perspective shifts a další transformace vizuálního obsahu – vše bez opuštění Figmy. Weave workflowy lze publikovat jako šablony nebo nástroje pro tým, organizaci nebo komunitu.

Co to znamená pro marketéry?

Config 2026 posouvá Figmu do role, ve které dosud nestála: platforma pro celý kreativní proces od nápadu po publikaci. Konkrétní přínosy:

• Animovaný obsah pro sociální sítě a bannery přímo ve Figmě (Motion + 3D)
• Generativní vizuální efekty bez programátora (Shadery, Weave)
• Rychlejší spolupráce s vývojáři bez zbytečného handoffu (Code Layers)
• Vlastní týmové nástroje bez nutnosti programovat (Generative plugins)
• AI agent napojený na celý váš pracovní stack (Skills + Connectors)

A na závěr tyto dvě videa, které shrnují, jak nové funkce využít:

A Figma Config 2026: Covered in 7 minutes:

AI Shrnutí – Config 2026

Zdroje

• Config 2026: New Materials, New Tools and a More Expressive Canvas
• Figma: Releases
• Introducing Figma Motion: Your Canvas Now Has a Timeline
• Figma adds code layers, support for animations, more AI features
• Figma learn: What`s news