Figma Use skill

O que ela faz

É o manual que o Claude lê antes de usar a ferramenta use_figma, do servidor MCP oficial do Figma, que roda JavaScript da Plugin API dentro do arquivo. Com ela o Claude cria, edita e apaga elementos, monta componentes e variantes, configura variáveis e tokens e mexe em auto layout e preenchimento.

Traz as regras que evitam os erros difíceis de achar: cores de 0 a 1, carregar a fonte antes de mexer em texto, trocar de página só uma vez por chamada, pôr o item no auto layout antes de usar FILL ou HUG e devolver os ids de tudo que criou pra continuar depois.

O jeito de trabalhar é inspecionar o arquivo primeiro, montar o esqueleto com um efeito de carregando em cada seção, preencher por partes e tirar um print pra conferir. Pra qualquer mudança visível, puxa junto a skill figma-generate-design; pra biblioteca de componentes, a figma-generate-library.

Nas palavras de quem fez

Quando usar

• Montar uma tela no Figma com os componentes do seu design system
• Criar as variáveis de cor e espaçamento de uma marca nova
• Trocar a cor dos textos de todos os cards de uma vez
• Levantar quais componentes e variáveis um arquivo já tem
• Arrumar uma tela que ficou com texto cortado ou sobreposto

Depois de instalar, é só pedir assim

• Cria no meu arquivo do Figma uma página de vendas com topo, depoimentos e preço usando os componentes que já existem
• Monta as variáveis de cor da marca com modo claro e escuro
• Lista os componentes e as coleções de variáveis desse arquivo do Figma

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

• Gen Agent Trust HubPassou
• SocketPassou
• SnykPassou

Perguntas