UX/UI Radar
Obrázky a video

Shadery ve Figmě: export až do 4096 px a použití v code layerech

Shadery jsou ve Figmě obecně dostupné, exportují se až do 4096 px a dají se zahrnout do code layerů. Pro hero sekce a pozadí to zkracuje cestu od nápadu k výsledku.

Podle release notes z 2. 11. 2026 přináší Figma vyšší rozlišení shaderů a jejich zapojení do code layerů.

Co je nového / Jak to funguje

  • Export: shader lze exportovat až na 4096 px.
  • Code layers: shader jde použít i v nich; vykreslování v prohlížeči podle poznámek vyžaduje Chrome 157.
  • Dostupnost: shadery jsou obecně dostupné (už ne beta).
  • Verze: podle záznamu z 27. 10. 2026 mají generativní pluginy a shadery historii verzí; úpravy se ukládají s popisem změn od agenta.
  • MCP: Figma Console MCP 1.46 přidal nástroje figma_list_shaders a figma_apply_shader.

Proč je to důležité

Animovaná pozadí, gradienty a efekty se běžně dělaly v externích nástrojích nebo v kódu. Když je shader přímo ve Figmě a lze ho dostat do interaktivního layeru, designér může vyzkoušet vizuální směr bez předávání vývoji. Neověřeno zůstává, jak se shader chová na slabších zařízeních; výkon si ověř ve vlastním projektu.

Jak začít

  1. Vyber frame s hero sekcí a vlož shader jako výplň.
  2. Zkus export v 4096 px pro statickou variantu.
  3. Zkontroluj v Chrome 157 nebo novějším, zda se vykreslí v code layeru.
  4. Přes historii verzí se v případě nezdaru vrať k předchozí verzi.

Zdroje