Figma MCP é o servidor oficial da Figma, pensado para fluxos de design-to-code: dar a um assistente acesso estruturado a componentes, frames, variáveis e estilos, evitando que o modelo tenha de adivinhar medidas a partir de imagens. Para equipas de design e produto em Portugal, o servidor torna realista gerar código a partir de um design específico, ou fazer auditorias ao design system: quais componentes estão em uso, onde há divergências de tokens. É oferecido como MCP remoto alojado pela Figma, com OAuth a ligar diretamente ao workspace do utilizador.

Funcionalidades

  • Extração de contexto de design (componentes, frames, layout, metadata)
  • Extração de variáveis e design tokens
  • Geração de código a partir de um design
  • Code Connect para mapear componentes a código existente
  • Captura de ecrã de frames e ficheiros
  • Leitura e geração em FigJam (incluindo diagramas)
  • Pesquisa no design system
  • Criação de novos ficheiros e regras de design system

Ferramentas disponíveis

  • get_design_context Ficheiros suportados: Figma Design, Figma Make.
  • generate_figma_design Ficheiros suportados: Figma Design.
  • get_variable_defs Ficheiros suportados: Figma Design.
  • get_code_connect_map Ficheiros suportados: Figma Design.
  • add_code_connect_map Ficheiros suportados: Figma Design.
  • get_code_connect_suggestions Ficheiros suportados: Figma Design.
  • send_code_connect_mappings Ficheiros suportados: Figma Design.
  • get_screenshot Ficheiros suportados: Figma Design, FigJam.
  • create_design_system_rules Não requer contexto de ficheiro.
  • get_metadata Ficheiros suportados: Figma Design.
  • get_figjam Ficheiros suportados: FigJam.
  • generate_diagram Não requer contexto de ficheiro.
  • whoami Não requer contexto de ficheiro.
  • use_figma Funcionalidade em beta gratuita; a Figma indica que passará a ser paga por uso no futuro.
  • search_design_system Ficheiros suportados: Figma Design.
  • create_new_file Não requer contexto de ficheiro.
Algo incorreto? Ajuda-nos a melhorar