por Juanjo LunaVincular Figma con componentes
Te ayuda a relacionar componentes de Figma con componentes de código. Sirve cuando quieres que un diseño y su implementación queden conectados.
Descripción original (inglés)
figma-code-connect-components: Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this component to code", "map this component", "link component to code", "create code connect mapping", or wants to establish mappings between Figma designs and code implementations. For canvas writes via `use_figma`, use `figma-use`.
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta figma-code-connect-components en el sitio donde tu agente busca sus skills.
- Sin terminal: abre la carpeta en GitHub, descárgala y cópiala en la carpeta de tu agente (tabla de abajo).
- Con terminal (macOS, Linux o Git Bash en Windows): elige tu agente y copia los comandos.
git clone --depth 1 https://github.com/openai/skills.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/skills/.curated/figma-code-connect-components" ~/.claude/skills/figma-code-connect-components
rm -rf /tmp/skill-src| Agente | Para todos tus proyectos | Solo un proyecto |
|---|---|---|
| Claude Code | ~/.claude/skills | .claude/skills |
| GitHub Copilot | ~/.copilot/skills | .github/skills |
| Codex | ~/.agents/skills | .agents/skills |
| Gemini CLI | ~/.gemini/skills | .gemini/skills |
Muchos agentes leen también .agents/skills. Reinicia el agente después de instalar. Antes de instalar una skill, revisa su SKILL.md y los scripts que incluya: se ejecutan con tus permisos.
Más skills de openai/skills
- Trabajar con ASP.NET Core aspnet-core
- Crear apps con ChatGPT Apps chatgpt-apps
- Crear herramientas de línea de comandos cli-creator
- Desplegar en Cloudflare cloudflare-deploy
- Definir un objetivo concreto define-goal
- Trabajar con Figma figma
- Crear reglas de diseño para Figma figma-create-design-system-rules
- Crear un archivo nuevo en Figma figma-create-new-file
Explicación redactada con ayuda de IA a partir de la descripción original.