Alternativas a Figma para diseñadores que entregan HTML
Casi todas las alternativas a Figma copian el lienzo. Unas pocas cambian el material del que está hecho. Así se comparan las principales opciones si tus diseños acaban siendo sitios web.
Por qué la gente busca una alternativa a Figma
Los motivos que más oímos son sencillos: una licencia de código abierto, archivos que se quedan en tu propio equipo, un plan gratuito sin límites que importen, o un flujo de trabajo más cercano al código.
Ese último es la razón de este artículo. En la mayoría de herramientas de diseño, el lienzo es un dibujo vectorial. Un navegador nunca lo ve. Alguien tiene que rehacer cada frame en HTML y CSS, y arreglar lo que se pierde por el camino.
La versión corta
| Herramienta | Código abierto | Cómo diseñas | Agentes y MCP | Dónde viven los archivos |
|---|---|---|---|---|
| Figma | No | Lienzo vectorial | Servidor MCP, escritura en el lienzo en beta | La nube de Figma |
| Penpot | Sí | Lienzo con layouts CSS Flex y Grid | Servidor MCP abierto | Nube de Penpot o autoalojado |
| Paper | Sin licencia publicada | Lienzo de HTML y CSS | MCP, 100 llamadas a herramientas por semana en el plan gratuito | Espacio de trabajo de Paper, apps web y de escritorio |
| OpenDesign | Sí, Apache-2.0 | Primero el prompt, un agente escribe prototipos HTML | Funciona con agentes de código | Carpeta local |
| Kalka | Sí, MIT | Lienzo estilo Figma, cada capa es HTML | MCP local integrado, sin límite de uso | Carpeta local, Git |
Penpot
Penpot es la alternativa de código abierto más conocida. Funciona en el navegador, puedes autoalojarla y su plan gratuito incluye archivos y asientos ilimitados. Sus layouts siguen CSS Flex y Grid, y su pestaña Inspect da código en SVG, CSS y HTML. También ofrece un servidor MCP abierto, y puedes importar archivos de Figma con Penpot Exporter.
Elígela si quieres una herramienta madura y de código abierto que todo tu equipo pueda usar hoy, con opción de autoalojarla.
Paper
Paper es la idea más cercana a Kalka: el lienzo es HTML y CSS, y los agentes leen y escriben en él a través de MCP. Tiene apps web y de escritorio, sincroniza tokens y componentes con un código fuente y exporta HTML y CSS. El plan gratuito incluye 100 llamadas a herramientas MCP por semana. Pro cuesta $16 por editor al mes con facturación anual ($20 al mes) y eleva esa cifra a un millón.
Elígela si quieres un lienzo HTML ya, con un equipo con financiación detrás, y no te importa que sea una herramienta propietaria y alojada.
OpenDesign
OpenDesign es de código abierto (Apache-2.0) y funciona de otra manera: eliges un sistema de diseño, describes tus pantallas y un agente de código como Claude Code, Codex o Cursor escribe un prototipo HTML. Después puedes mover, redimensionar y cambiar el color de los elementos. Los proyectos son archivos HTML y CSS en una carpeta local. La app de escritorio es gratuita con tu propia clave de API, y los planes de pago añaden créditos de modelos alojados.
Elígela si prefieres partir de un prompt en lugar de un lienzo en blanco.
Kalka
Kalka es la herramienta que estamos construyendo. Mantiene la interfaz que conoces de Figma, pero cada frame, capa y sombra del lienzo es un elemento HTML real con CSS real, maquetado por el navegador. Tu proyecto es una carpeta normal que puedes abrir en cualquier editor de código y versionar con Git. Un servidor MCP integrado permite a cualquier agente leer y dibujar en el lienzo, en local, sin límite de uso. Puedes traerte tu trabajo: Kalka importa archivos .fig y .pen.
Kalka está en desarrollo y es de código abierto con licencia MIT. Compartimos cada paso en X mientras lo construimos.
Elígela si quieres diseñar a mano, como ya lo haces, y saltarte la reconstrucción en código.
Cómo elegir
- Necesitas algo estable hoy y de código abierto: Penpot.
- Quieres un lienzo HTML hoy y no necesitas código abierto: Paper.
- Prefieres escribir prompts a dibujar: OpenDesign.
- Quieres los hábitos de Figma, HTML real por debajo y archivos que sean tuyos: únete a la lista de espera de Kalka.