Communitygithub.com

open-pencil/open-pencil

Trabaja con archivos de diseño Figma .fig y el editor OpenPencil en ejecución: inspecciona la estructura, consulta nodos, analiza tokens de diseño, exporta a PNG/SVG/PDF/JSX y modifica diseños mediante programación. Úsalo cuando te pidan abrir, inspeccionar, exportar, analizar o editar archivos .fig, o controlar la aplicación OpenPencil en ejecución.

¿Qué es open-pencil?

Esta habilidad permite a un agente de IA interactuar directamente con archivos de diseño Figma (`.fig`) y con la aplicación OpenPencil en ejecución. Proporciona un conjunto completo de herramientas para inspeccionar la estructura de nodos de un diseño, realizar consultas para encontrar elementos específicos, analizar y extraer tokens de diseño (colores, tipografía, espaciado), exportar el diseño a formatos como PNG, SVG, PDF y JSX, y modificar propiedades de los nodos de forma programática. Es especialmente útil en contextos de edición de diseño asistida, generación de código a partir de diseños, y automatización de flujos de trabajo de diseño. Funciona con la herramienta OpenPencil y es ideal para desarrolladores y diseñadores que buscan integrar la manipulación de archivos Figma en sus pipelines de desarrollo o interacciones con agentes.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/open-pencil/skills/tree/main/skills/open-pencil

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace open-pencil?

Trabaja con archivos de diseño Figma .fig y el editor OpenPencil en ejecución: inspecciona la estructura, consulta nodos, analiza tokens de diseño, exporta a PNG/SVG/PDF/JSX y modifica diseños mediante programación. Úsalo cuando te pidan abrir, inspeccionar, exportar, analizar o editar archivos .fig, o controlar la aplicación OpenPencil en ejecución.

Skills relacionados