Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Loja Figma
Loja oficial: quem publicou foi a própria empresa.
As 19 skills que Figma publicou no GitHub, com o selo de oficial. Primeiro as explicadas em português, depois da mais instalada pra menos.
github.com/figmaLista atualizada em 26 de outubro de 2026
19 skills
Figma
figma-
O Claude cria e ajusta telas, componentes e variáveis direto no seu arquivo do Figma, seguindo o padrão que o arquivo já tem.OficialAuditada9.100 instalações, grátisuse figma-
A tela do seu app vira um arquivo editável no Figma, com os componentes e as cores do design system em vez de print ou caixa solta.OficialAuditada5.900 instalações, grátisgenerate- design figma-
O Claude lê o código do seu site ou app e monta no Figma as cores, espaçamentos e componentes iguais aos do código, prontos pra quem desenha usar.OficialAuditada4.400 instalações, grátisgenerate- library figma-
O Figma passa a mostrar, pra cada componente, o trecho de código do seu projeto com as propriedades certas, em vez de um código genérico.OficialAuditada3.400 instalações, grátiscode- connect figma-
A tela que sai do Figma fica igual ao desenho, usa os componentes que o seu projeto já tem e não deixa imagem faltando nem link temporário.Oficial2.500 instalações, grátisdesign- to- code implement-
Transforma designs do Figma em código pronto pra produção, com fidelidade visual 1:1Oficial5.900 instalações, grátisdesign figma-
Cria um arquivo novo no Figma, seja Design, FigJam ou SlidesOficialAuditada3.500 instalações, grátiscreate- new- file figma-
Carrega as regras obrigatórias antes de qualquer chamada generate_diagram do Figma para gerar diagramasOficialAuditada2.000 instalações, grátisgenerate- diagram figma-
Ensina o agente a usar a ferramenta use_figma do MCP do Figma no contexto do FigJamOficialAuditada2.000 instalações, grátisuse- figjam figma-
Ensina o agente a usar o MCP do Figma em Slides, com a Plugin API, para criar e editar apresentaçõesOficialAuditada1.700 instalações, grátisuse- slides create-
Gera regras de design system sob medida pro seu código, pros agentes de IA produzirem interfaces consistentesOficial1.300 instalações, grátisdesign- system- rules figma-
Traduz designs do Figma em código SwiftUI e também faz o caminho contrárioOficialAuditada1.300 instalações, grátisswiftui figma-
Transforma animações e transições do Figma em código de aplicação pronto para produçãoOficialAuditada1.200 instalações, grátisimplement- motion figma-
Anima nós do Figma pela ferramenta use_figma, com keyframes, estilos de animação, easing e duraçãoOficialAuditada1.100 instalações, grátisuse- motion code-
Liga componentes de design do Figma a componentes de código com o Code ConnectOficial870 instalações, grátisconnect- components figma-
Cria e edita shaders no Figma com create_shader e update_shaderOficialAuditada508 instalações, grátisshaders figma-
Prepara o agente para criar e atualizar plugins generativos do Figma antes das chamadas de criação e ediçãoOficialAuditada490 instalações, grátisgenerative- plugins generate-
Gera um quadro de plano de projeto no FigJam a partir de um PRD e do contexto do códigoOficial50 instalações, grátisproject- plan video-
Transforma uma gravação de tela de interface num storyboard anotado no Figma, com os estados de interaçãoOficial37 instalações, grátisinteraction- mapper
Outras lojas
Lojas com skills pro mesmo tipo de trabalho.
