C✳CODEZ.WIN
🌐 Español

Guía de lectura localizada

figma-generate-libraryFinalidad, uso y origen

Crea o actualiza un sistema de diseño de nivel profesional en Figma a partir de un código fuente. Úsalo cuando el usuario quiera crearvariables/tokens, crear bibliotecas de componentes, configurar temas (light/darkmodos), documentar fundamentos o conciliar brechas entre el código y Figma. Esta habilidad enseña QUÉ construir y EN QUÉ ORDEN: complementa lafigma-useHabilidad que enseña CÓMO llamar a la API del plugin. Ambas habilidades deben cargarse juntas.

Fuente recuperada:

Repositorio de origen
openai/skills
SKILL.md
skills/.curated/figma-generate-library/SKILL.md
Estrellas del repositorio
28,420
Actualización del repositorio
2026-10-29
Clasificación de habilidades
Desarrollo
Última recopilación

Licencia: No especificado

Los extractos del flujo de trabajo son guías de lectura, no instrucciones ejecutables de Codez. No se utilizó ninguna habilidad de terceros para generar esta página.

Los siguientes fragmentos sobre el propósito y el flujo de trabajo son material preliminar, organizado y traducido para su lectura. Son distintos del análisis editorial de Codez, que se presenta por separado.

Lo que hace esta habilidad

Crea o actualiza un sistema de diseño de nivel profesional en Figma a partir de un código fuente. Úsalo cuando el usuario quiera crearvariables/tokens, crear bibliotecas de componentes, configurar temas (light/darkmodos), documentar fundamentos o conciliar brechas entre el código y Figma. Esta habilidad enseña QUÉ construir y EN QUÉ ORDEN: complementa lafigma-useHabilidad que enseña CÓMO llamar a la API del plugin. Ambas habilidades deben cargarse juntas.

Cómo funciona el flujo de trabajo ascendente

2Flujo de trabajo obligatorio

La construcción de cualquier sistema de diseño sigue este orden de fases. Omitir o reordenar las fases provoca fallos estructurales que resultan costosos de solucionar.

Paso río arriba · L22 ↗

4Gestión de estado (obligatoria para flujos de trabajo largos)

>getPluginData()/setPluginData()NO son compatiblesuse_figma. UsargetSharedPluginData()/setSharedPluginData()En su lugar (estos SÍ son compatibles), o utilice búsquedas basadas en nombres y el registro de estado (ID devueltos). Etiquete cada nodo de escena creado inmediatamente después de su creación: Persistencia de estado: NO confíe únicamente en el contexto de la conversación para el registro de estado. Escríbalo en disco: Vuelva a leer este archivo al comienzo de cada turno. En flujos de trabajo largos, el contexto de la conversación se truncará; el archivo es la fuente de verdad.

Paso río arriba · L105 ↗

Creador de sistemas de diseño: habilidad Figma MCP

Crea sistemas de diseño de nivel profesional en Figma que coincidan con el código. Esta habilidad orquesta flujos de trabajo multifase en20–100+use_figmallamadas, imponiendo patrones de calidad de sistemas de diseño del mundo real (Material3Polaris, Figma UI3, DS simple). Requisitos previos: Elfigma-useLa habilidad TAMBIÉN DEBE cargarse para cadause_figmaLlamada. Proporciona reglas de sintaxis de la API de complementos (patrón de retorno, reinicio de página, retorno de ID, carga de fuente, rango de color). Esta habilidad proporciona conocimiento del dominio del sistema de diseño y orquestación del flujo de trabajo.

Paso río arriba · L6 ↗
Paso río arriba · 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 y configuración

No se seleccionó ningún fragmento de requisitos breves de este archivo. Esto no significa que la habilidad no tenga dependencias. Consulte las instrucciones de configuración del repositorio y los archivos de referencia.

Límites y controles de calidad

No se seleccionó ningún pasaje con límites específicos en este archivo. Esto no significa que la habilidad sea segura para cualquier entrada o entorno. Revise el código fuente completo y valide su propio resultado.

Comience con una prueba segura.

  1. Verifique el host compatible y las instrucciones de instalación del repositorio. Mantenga juntos el directorio Skill y sus scripts, recursos y documentación a los que hace referencia;SKILL.mdsolo puede omitir dependencias.
  2. Proporcione al agente sus datos reales, el resultado deseado y los criterios de aceptación. La sintaxis de invocación y las herramientas disponibles dependen del sistema anfitrión; este sitio no presupone un comando de instalación universal.
  3. Pruebe el flujo de trabajo original en un proyecto desechable o en una copia. Revise las operaciones que modifican archivos, servicios remotos o recursos facturables antes de autorizarlas.
  4. Valide el resultado comparándolo con los controles de calidad de origen y sus propios requisitos. Un activador exitoso o un alto número de estrellas en el repositorio no garantizan un resultado correcto.

Especificación del formato y directorio de habilidades ↗

Lea más en la fuente

Traducción y alcance

Esta guía de lectura selecciona pasajes de la sección fijada en la parte superior.SKILL.mdLa traducción es asistida. No se trata de un manual completo ni garantiza la compatibilidad. Lea el original y los archivos a los que hace referencia antes de usarlo.

Esta introducción hace referencia a la versión fijada a continuación; la actividad actual del repositorio y la hora de recopilación se muestran por separado.

Fuente fijada
Lee el original ↗
Fuente recuperada
Confirmación de origen
49f948faa9258a0c61caceaf225e179651397431
Fuente SHA-256
7f42103c59fc181d7081404a56545f321c458d97f5ee7f7a0ab2af75ea69a85f
Volver al catálogo completo de habilidades