Figma Tools Agent Skills
Figma Tools
14 skills
openai figma
Fetch design context, screenshots, variables, and assets from Figma, and translate Figma nodes into production code using the Figma MCP server.
23.3k · bundle
openai figma-use
Execute JavaScript in Figma files via the Plugin API to create, edit, and inspect design nodes, variables, and components.
23.3k · bundle
openai figma-create-new-file
Creates a new blank Figma or FigJam file in the user's drafts folder, resolving the plan key automatically.
23.3k · bundle
openai figma-generate-design
Translates application pages, views, or multi-section layouts into Figma screens by reusing design system components, variables, and styles.
23.3k · bundle
openai figma-code-connect-components
Connects Figma design components to their code implementations using Figma's Code Connect feature, analyzing design structure and scanning codebases for matching components.
23.3k · bundle
heygen figma
Import Figma designs into HyperFrames compositions as frozen assets, brand tokens, components, motion animations, and shaders.
· bundle
pwdev-solucoes carousel-builder
Monta carrosséis completos para Instagram, LinkedIn e Facebook, estruturando slides, definindo hierarquia e construindo no Figma como componente com variantes, com revisão e texto alternativo.
2
joshuashepherd figma-prompt
Generates a complete Figma Make prompt package with context primer, checkpoint, build prompts, and iteration templates for designing UI pages, components, or screens.
1
chimeranext figma
Integrates Figma Dev Mode via MCP to extract assets, components, styles, and design tokens, converting designs to code with high fidelity.
4
pwdev-solucoes figma-pipeline
Composes final brand assets in Figma from generated images, applying text, brand tokens, layout, and grid. Optional layer: use when Figma is connected and an editable file is needed. Without Figma, delivers a composition specification.
2
comeonoliver figma
Translates Figma designs into project code using the Figma MCP server, fetching design context, screenshots, and assets to implement pixel-perfect UI.
61
pwdev-solucoes figma
Translates between Figma designs and Vue 3 + shadcn-vue code, mapping Auto Layout to Tailwind, extracting design tokens, and pushing components back to Figma via MCP.
2
pwdev-solucoes brand-kit
Extrai tokens de cor, tipografia, grid, logo e componentes do Figma e grava na seção 3 do contexto, marcando itens inferidos quando não há acesso ao Figma.
2
pwdev-solucoes export-handoff
Exports approved Figma assets and assembles the delivery package with named files, captions, alt text, and publishing instructions.
2