Repolode
Enviar
ZSeven-W

ZSeven-W/openpencil

Herramienta de diseño vectorial open source y nativa de IA, con generación de prompts al lienzo, equipos de agentes concurrentes, servidor MCP y exportación de código.

Alternativa open source a:FigmaPencil

Ver en GitHubSitio web
Estrellas
6,265
Forks
543
Issues abiertos
23
Último commit
ayer

¿Qué es?

OpenPencil es una herramienta de diseño vectorial para crear interfaces en un lienzo infinito. Los usuarios describen una página en lenguaje natural y la IA la genera directamente en el lienzo; también pueden seleccionar elementos existentes y pedir cambios en el chat. Los diseños se guardan como archivos `.op` en formato JSON, por lo que se pueden leer, comparar y versionar en Git.

El proyecto incluye un modo multiagente en el que un orquestador divide una página en secciones y varios agentes las generan en paralelo. También incorpora un servidor MCP que se puede instalar en Claude Code, Codex, OpenCode y otros CLI de agentes, para que puedan leer y modificar archivos `.op`. Las variables de diseño se vinculan con propiedades personalizadas de CSS, y los diseños se pueden exportar como código para React con Tailwind, HTML con CSS, Vue, Svelte, Flutter, SwiftUI, Jetpack Compose o React Native.

El editor está escrito en Rust y funciona como aplicación de escritorio nativa en macOS, Windows y Linux, o en el navegador mediante una compilación WASM. También incluye una herramienta de línea de comandos `op` y un SDK web integrable para visualizar archivos `.op` en modo de solo lectura.

Funciones clave

  • 01Genera interfaces a partir de prompts de texto directamente en un lienzo infinito, con salida en streaming.
  • 02Los equipos de agentes concurrentes diseñan distintas secciones de una página en paralelo.
  • 03El servidor MCP integrado es compatible con Claude Code, Codex, OpenCode, Kiro y Copilot CLI.
  • 04Guarda los diseños como archivos JSON `.op` legibles y compatibles con Git.
  • 05Exporta código para React, Vue, Svelte, Flutter, SwiftUI, Jetpack Compose y más.
  • 06Incluye una CLI `op` y SDK integrables de visor web en modo de solo lectura.

Casos de uso

  • Crear prototipos de pantallas de interfaz describiéndolas a un asistente de IA.
  • Permitir que los agentes de programación lean y editen archivos de diseño mediante MCP.
  • Convertir un diseño en código para un framework sin tener que volver a implementarlo manualmente.
  • Integrar un visor de solo lectura para archivos de diseño en tu propia aplicación web.

Inicio rápido

  1. 1

    Clona el repositorio con los submódulos

    git clone --recurse-submodules https://github.com/ZSeven-W/openpencil.git
  2. 2

    Instala Rust (stable), un requisito previo para compilar

  3. 3

    Inicia el servidor de desarrollo web

    bash scripts/start-web-rust.sh
  4. 4

    O ejecuta la aplicación de escritorio en su lugar

    cargo run -p op-host-desktop

Antes de usarlo

  • Es un proyecto en una fase inicial y el README todavía está cambiando, así que puede haber aspectos poco pulidos.
  • Los agentes CLI y ACP solo funcionan en la aplicación de escritorio nativa, no en el host web.
  • Para compilar desde el código fuente se necesita Rust y configurar los submódulos; en Windows hace falta una guía de compilación aparte.

Temas

#design-tool#vector-graphics#ai-design#mcp#design-as-code#rust#ui-design#code-generation#agent#agent-team

Preguntas frecuentes

¿Qué es openpencil?
Herramienta de diseño vectorial open source y nativa de IA, con generación de prompts al lienzo, equipos de agentes concurrentes, servidor MCP y exportación de código. OpenPencil es una herramienta de diseño vectorial para crear interfaces en un lienzo infinito. Los usuarios describen una página en lenguaje natural y la IA la genera directamente en el lienzo; también pueden seleccionar elementos existentes y pedir cambios en el chat. Los diseños se guardan como archivos `.op` en formato JSON, por lo que se pueden leer, comparar y versionar en Git.
¿openpencil es gratuito? ¿Qué licencia tiene?
openpencil es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿openpencil sigue mantenido?
Mantenimiento activo. El último commit de openpencil fue el 19 oct 2026.
¿Para qué puedo usar openpencil?
Crear prototipos de pantallas de interfaz describiéndolas a un asistente de IA. Permitir que los agentes de programación lean y editen archivos de diseño mediante MCP. Convertir un diseño en código para un framework sin tener que volver a implementarlo manualmente. Integrar un visor de solo lectura para archivos de diseño en tu propia aplicación web.
¿Cómo se instala openpencil?
Clona el repositorio con los submódulos: git clone --recurse-submodules https://github.com/ZSeven-W/openpencil.git Instala Rust (stable), un requisito previo para compilar Inicia el servidor de desarrollo web: bash scripts/start-web-rust.sh O ejecuta la aplicación de escritorio en su lugar: cargo run -p op-host-desktop
¿Dónde consigo openpencil?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/ZSeven-W/openpencil

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados