Repolode
Enviar
silships

silships/figma-cli

Uma CLI que permite a um assistente de IA criar e editar designs reais e editáveis no Figma Desktop local, sem precisar de uma chave de API.

Alternativa open source a:Figma MCP

Ver no GitHub
Estrelas
1,084
Forks
130
Issues abertas
29
Último commit
há 14 dias

O que é?

figma-cli é uma ponte de linha de comando entre assistentes de programação com IA, como Claude Code ou Cursor, e o Figma Desktop. O assistente executa comandos para criar frames, componentes, variantes e variáveis diretamente em um arquivo aberto do Figma. Assim, o resultado é conteúdo editável no Figma, não uma imagem estática. As conexões são feitas localmente pelo Chrome DevTools Protocol, portanto não é necessário um token da API do Figma e nenhuma chamada passa pela API REST na nuvem do Figma.

A ferramenta oferece três modos de conexão: Yolo, que aplica um pequeno patch ao app para desktop; Browser, que controla o Figma em um navegador Chromium sem modificar o app; e Safe, que usa um plugin do Figma incluído. Ela pode importar tokens de design de arquivos DESIGN.md, configurações do Tailwind, propriedades personalizadas do CSS, JSON de design tokens da W3C e Storybook, além de exportar o sistema de design de um arquivo de volta para DESIGN.md. O comando determinístico `check` compara um arquivo aberto com um snapshot salvo e aponta divergências, lacunas na vinculação de tokens e mudanças na geometria, sem envolver um modelo.

Recursos principais

  • 01Cria e edita frames, componentes, variantes e variáveis reais no Figma a partir de um assistente de IA.
  • 02Conecta-se localmente ao Figma Desktop pelo CDP, sem chave de API nem limites de requisições.
  • 03Importa tokens de design de DESIGN.md, configurações do Tailwind, variáveis CSS e JSON de tokens da W3C.
  • 04Exporta o sistema de design de um arquivo do Figma para DESIGN.md, incluindo modos e aliases de variáveis.
  • 05Oferece um comando determinístico `check` que detecta divergências e cores fixas sem vínculo a tokens no CI.

Casos de uso

  • Criar telas de UI no Figma descrevendo-as para o Claude Code ou o Cursor.
  • Sincronizar os tokens de design de uma marca, a partir de uma base de código, com um arquivo do Figma.
  • Documentar ou transferir um sistema de design entre arquivos do Figma.
  • Executar verificações automatizadas de divergências e vínculos com tokens em um sistema de design no CI.

Início rápido

  1. 1

    Instale o Figma Desktop e abra o aplicativo

  2. 2

    Baixe o projeto figma-cli do GitHub (ou clone-o) e abra um terminal na pasta do projeto

  3. 3

    Instale as dependências da CLI (requer Node 18 ou mais recente)

    npm install
  4. 4

    No Claude Code aberto na pasta do projeto, digite "connect to Figma"

Antes de usar

  • É necessário ter o Figma Desktop instalado e aberto; no modo padrão, o figma.com sozinho não funciona.
  • O modo Yolo padrão aplica um patch ao aplicativo Figma Desktop, e o macOS pode exigir a permissão de Gerenciamento de Apps.
  • Requer Node.js 18 ou mais recente e um assistente de programação com IA, como Claude Code ou Cursor.

Tópicos

#figma#design-tokens#claude-code#cursor#design-system#cli#ai-agent

Perguntas frequentes

O que é figma-cli?
Uma CLI que permite a um assistente de IA criar e editar designs reais e editáveis no Figma Desktop local, sem precisar de uma chave de API. figma-cli é uma ponte de linha de comando entre assistentes de programação com IA, como Claude Code ou Cursor, e o Figma Desktop. O assistente executa comandos para criar frames, componentes, variantes e variáveis diretamente em um arquivo aberto do Figma. Assim, o resultado é conteúdo editável no Figma, não uma imagem estática. As conexões são feitas localmente pelo Chrome DevTools Protocol, portanto não é necessário um token da API do Figma e nenhuma chamada passa pela API REST na nuvem do Figma.
figma-cli é gratuito? Qual é a licença?
figma-cli é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
figma-cli ainda é mantido?
Manutenção ativa. O último commit de figma-cli foi em 7 de out. de 2026.
Para que posso usar figma-cli?
Criar telas de UI no Figma descrevendo-as para o Claude Code ou o Cursor. Sincronizar os tokens de design de uma marca, a partir de uma base de código, com um arquivo do Figma. Documentar ou transferir um sistema de design entre arquivos do Figma. Executar verificações automatizadas de divergências e vínculos com tokens em um sistema de design no CI.
Como instalar figma-cli?
Instale o Figma Desktop e abra o aplicativo Baixe o projeto figma-cli do GitHub (ou clone-o) e abra um terminal na pasta do projeto Instale as dependências da CLI (requer Node 18 ou mais recente): npm install No Claude Code aberto na pasta do projeto, digite "connect to Figma"
Onde consigo figma-cli?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/silships/figma-cli

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados