Codex Design vs Figma Make.

Figma Make y Codex Design usan IA para convertir una descripción en una interfaz que funciona. Figma Make lo hace dentro de Figma y puede publicar el resultado como una app web. Codex Design añade un lienzo a Codex, para que explores y compares diseños justo donde se escribe tu código.

Actualizado el 6 de noviembre de 2026 · 6 min de lectura

La respuesta corta

Si tu equipo diseña en Figma, Figma Make es la opción natural: parte de tus frames y bibliotecas existentes y publica prototipos que funcionan en una URL que puedes compartir. Si construyes con Codex, Codex Design mantiene el paso de diseño en el mismo sitio que el código, con las pantallas como HTML en vivo en un lienzo local.

Elige Figma Make si tus diseños y tu sistema de diseño ya viven en Figma, quieres un prototipo funcional que otros puedan abrir en un navegador o tu equipo colabora en archivos de Figma.
Elige Codex Design si ya usas Codex, quieres comparar varias propuestas lado a lado antes de construir y quieres que el diseño termine en tu propio código y no en una app alojada.

Qué es cada herramienta

Figma Make es la herramienta de Figma para pasar de un prompt a una app. Conversas con un agente de IA, pegas frames y componentes de tus diseños de Figma y construye una app interactiva. Puedes editar el código generado en Make, descargarlo, añadir un backend para guardar datos y publicar el resultado como una app web en una dirección figma.site o en tu propio dominio. Los kits de Make incorporan al proceso los paquetes, las variables y los estilos de tu sistema de diseño.

Codex Design es nuestro plugin independiente para Codex. Añade un lienzo local donde Codex coloca las pantallas que diseña como páginas HTML en vivo, junto a imágenes de mockup y tus referencias. Selecciona un elemento para cambiar su fuente, color o espaciado en una barra lateral, o sigue refinando pidiéndoselo a Codex. Tus proyectos de lienzo se guardan en tu equipo.

Lado a lado

	Figma Make	Codex Design
Qué crea	Apps interactivas y prototipos funcionales, a partir de prompts y de diseños existentes de Figma	Mockups de sitios web y apps como páginas HTML en vivo, además de imágenes de mockup
Dónde funciona	Dentro de Figma	Dentro de Codex, con el lienzo en tu equipo (macOS y Linux)
Salida y código	Código editable que puedes descargar en un .zip; publicación en una URL figma.site o en un dominio propio; copia de una vista previa en Figma Design	Páginas HTML e imágenes en un proyecto local; después Codex puede construir el diseño elegido en tu código
Precio	Plan Starter gratis con hasta 500 créditos de IA al mes; Professional desde US$16 al mes por puesto Full, con 3000 créditos de IA	Gratis para un proyecto de lienzo; Pro cuesta US$5 al mes con proyectos ilimitados. El uso de Codex se paga aparte
Ideal para	Equipos que diseñan en Figma y quieren prototipos funcionales que se puedan compartir	Usuarios de Codex que quieren comparar y refinar propuestas de UI antes de construir

Los créditos de IA de Figma se comparten entre todas sus funciones de IA, y algunas funciones de Make dependen de tu plan y de tu puesto. Esta comparación recoge lo que dicen los sitios y la documentación oficiales de ambos productos a fecha de 6 de noviembre de 2026.

Cuándo elegir Figma Make

Figma Make es la mejor opción en estos casos:

Tus diseños ya viven en Figma. Pega frames y componentes en el chat o añade URL de diseños como contexto, y Make construye a partir de ellos.
Necesitas algo que la gente pueda recorrer hoy mismo. Publica un archivo de Make como app web con su propia URL, añade un dominio propio y suma un backend cuando el prototipo necesite guardar datos.
Tu sistema de diseño está en Figma. Los kits de Make pueden incluir paquetes de npm junto con variables y estilos de tu biblioteca de diseño, con pautas sobre cómo usarlos.
Quieres volver a las capas. En los planes que lo permiten, puedes copiar una instantánea de una vista previa como capas y pegarla en Figma Design.
Tu equipo trabaja junto en Figma. Tus compañeros pueden compartir las mismas conversaciones de Make, dejar comentarios y cambiar el código generado a la vez.

Cuándo elegir Codex Design

Ya construyes con Codex. El lienzo está dentro del agente que escribe tu código, así que no hay descargas ni traspasos entre el diseño y la construcción. Pídele a Codex que implemente la propuesta que elegiste en tu proyecto actual.
Quieres explorar antes de comprometerte. Codex Design está pensado para poner varias propuestas lado a lado en un mismo lienzo y compararlas, junto a tus referencias y a las imágenes de mockup.
Quieres retoques visuales rápidos. Selecciona un elemento de un mockup HTML y ajusta su fuente, color, espaciado y otras propiedades en la barra lateral.
Quieres tu trabajo en tu propio equipo. Los proyectos de lienzo se guardan en local, no en un archivo alojado.
No quieres otro sistema de créditos. Codex Design no tiene créditos de IA ni monedero de tokens propios. Un proyecto de lienzo es gratis y Pro cuesta US$5 al mes; el uso de Codex cuenta contra tu plan de Codex.

Preguntas frecuentes

¿Es Codex Design una alternativa a Figma Make?

Para la etapa de diseño, sí, si usas Codex. Las dos convierten una descripción en una interfaz que funciona. Figma Make vive en Figma y puede publicar apps; Codex Design vive en Codex y se centra en explorar y refinar diseños que Codex construye después en tu código. Si tu equipo trabaja en Figma y necesita prototipos publicados, Figma Make encaja mejor.

¿Puedo usar mis diseños de Figma con Codex Design?

El lienzo admite imágenes y páginas HTML en vivo, así que puedes exportar frames de Figma como imágenes y colocarlos junto a las pantallas que diseña Codex, como referencias con las que comparar. Codex Design no importa archivos de Figma directamente.

¿Figma Make está incluido en el plan gratuito de Figma?

Figma incluye Make en su plan Starter además de en los de pago, y usa los créditos de IA de Figma. Starter incluye hasta 500 créditos de IA al mes. Algunas funciones, como ver y descargar el código o publicar en los planes de pago, dependen de tu tipo de puesto.