C✳CODEZ.WIN
🌐 Português

Guia de leitura localizado

figma-generate-libraryFinalidade, utilização e fonte

Crie ou atualize um sistema de design de nível profissional no Figma a partir de um código-fonte. Use quando o usuário quiser criarvariables/tokens, criar bibliotecas de componentes, configurar temas (light/darkmodos), documentar fundamentos ou conciliar lacunas entre o código e o Figma. Esta habilidade ensina O QUE construir e EM QUE ORDEM — complementa ofigma-useHabilidade que ensina COMO chamar a API do Plugin. Ambas as habilidades devem ser carregadas juntas.

Fonte recuperada:

Repositório de origem
openai/skills
SKILL.md
skills/.curated/figma-generate-library/SKILL.md
Estrelas do repositório
28,420
Atualização do repositório
2026-10-29
Classificação de Habilidades
Desenvolvimento
Última coleta

Licença: Não especificado

Os trechos do fluxo de trabalho são auxiliares de leitura e não instruções executáveis ​​do Codez. Nenhuma Skill de terceiros foi executada para gerar esta página.

Os trechos abaixo, que descrevem o propósito e o fluxo de trabalho, são material original, organizado e traduzido para facilitar a leitura. Eles são distintos da análise editorial da Codez, que possui uma etiqueta separada.

O que esta habilidade faz

Crie ou atualize um sistema de design de nível profissional no Figma a partir de um código-fonte. Use quando o usuário quiser criarvariables/tokens, criar bibliotecas de componentes, configurar temas (light/darkmodos), documentar fundamentos ou conciliar lacunas entre o código e o Figma. Esta habilidade ensina O QUE construir e EM QUE ORDEM — complementa ofigma-useHabilidade que ensina COMO chamar a API do Plugin. Ambas as habilidades devem ser carregadas juntas.

Como funciona o fluxo de trabalho upstream

2Fluxo de trabalho obrigatório

Toda construção de sistema de projeto segue esta ordem de fases. Ignorar ou reordenar fases causa falhas estruturais que são caras de corrigir.

Passagem a montante · L22 ↗

4Gerenciamento de estado (necessário para fluxos de trabalho longos)

>getPluginData()/setPluginData()NÃO são suportados emuse_figma. UsargetSharedPluginData()/setSharedPluginData()Em vez disso (estes são suportados), use pesquisas baseadas em nomes e o registro de estado (IDs retornados). Marque cada nó de cena criado imediatamente após a criação: Persistência de estado: NÃO confie apenas no contexto da conversa para o registro de estado. Grave-o em disco: Releia este arquivo no início de cada turno. Em fluxos de trabalho longos, o contexto da conversa será truncado — o arquivo é a fonte da verdade.

Passagem a montante · L105 ↗

Construtor de Sistemas de Design — Habilidade Figma MCP

Crie sistemas de design de nível profissional no Figma que correspondam ao código. Essa habilidade orquestra fluxos de trabalho multifásicos em diversas áreas.20–100+use_figmachamadas, impondo padrões de qualidade de sistemas de design do mundo real (Material3Polaris, interface de usuário do Figma3, DS simples). Pré-requisitos: Ofigma-useA habilidade TAMBÉM DEVE ser carregada para cadause_figmaEssa habilidade fornece regras de sintaxe da API de Plugins (padrão de retorno, redefinição de página, retorno de ID, carregamento de fonte, intervalo de cores). Ela oferece conhecimento do domínio do sistema de design e orquestração de fluxo de trabalho.

Passagem a montante · L6 ↗
Passagem a montante · javascript ↗
node.setSharedPluginData('dsb', 'run_id', RUN_ID);        // identifies this build run
node.setSharedPluginData('dsb', 'phase', 'phase3');        // which phase created it
node.setSharedPluginData('dsb', 'key', 'component/button');// unique logical key

Requisitos e configuração

Nenhuma passagem de requisitos resumida foi selecionada deste arquivo. Isso não significa que a Skill não tenha dependências. Verifique as instruções de configuração do repositório e os arquivos referenciados.

Limites e verificações de qualidade

Nenhuma passagem de limites separada foi selecionada deste arquivo. Isso não significa que a Skill seja segura para todas as entradas ou ambientes. Analise o código-fonte completo e valide seus próprios resultados.

Comece com um teste seguro.

  1. Verifique o host compatível e as instruções de instalação do repositório. Mantenha o diretório Skill e seus scripts, recursos e documentação referenciados juntos;SKILL.mdsozinho pode omitir dependências.
  2. Forneça ao agente suas entradas reais, a saída desejada e os critérios de aceitação. A sintaxe de invocação e as ferramentas disponíveis dependem do host; este site não pressupõe um comando de instalação universal.
  3. Teste o fluxo de trabalho original em um projeto descartável ou em uma cópia. Analise as operações que alteram arquivos, serviços remotos ou recursos faturáveis ​​antes de permiti-las.
  4. Valide o resultado comparando-o com as verificações de qualidade da fonte e com seus próprios requisitos. Um gatilho bem-sucedido ou uma alta contagem de estrelas no repositório não garantem um resultado correto.

Especificação de formato e diretório de habilidades ↗

Leia mais na fonte.

Tradução e escopo

Este guia de leitura seleciona trechos do texto fixado a montante.SKILL.mdA tradução foi feita com auxílio de ferramentas. Este não é um manual completo nem garante compatibilidade comprovada. Leia o original e os arquivos referenciados antes de usar.

Esta introdução refere-se à versão fixada abaixo; a atividade atual do repositório e o tempo de coleta são mostrados separadamente.

Fonte recuperada
Commit de origem
49f948faa9258a0c61caceaf225e179651397431
Fonte SHA-256
7f42103c59fc181d7081404a56545f321c458d97f5ee7f7a0ab2af75ea69a85f
Voltar ao catálogo completo de habilidades