> For the complete documentation index, see [llms.txt](https://gopersonal.gitbook.io/calvin/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://gopersonal.gitbook.io/calvin/faq/calvin-vs-figma-make.md).

# Calvin vs Figma Make

{% stepper %}
{% step %}

### Figma Make vs Calvin

Una pregunta frecuente. Comparemos diseñador vs diseñador.

Pero esta comparación no es del todo justa: Calvin es una plataforma de empleados virtuales, no solo una herramienta de diseño.

| Aspecto               |                                                                                 Figma Make | Calvin — Agente de Diseño                                                                       |
| --------------------- | -----------------------------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------- |
| Usuarios              |                                                             Diseñadores, PMs, stakeholders | Diseñadores, PMs, growth, dueños de tienda                                                      |
| Input                 |                                                   Prompt de texto, imagen o frame de Figma | Prompt de texto, imagen, Figma existente, datos de analytics, insights de research              |
| Brand / Design System | Extrae estilos (colores) de librería Figma. Componentes y tipografías custom aún limitados | Acceso completo al manual de marca compartido. Aplica componentes, tipografía, y guías de marca |
| Research & Datos      |                      No incluye herramientas de research. Dependes de input manual externo | Agente de UX Research integrado: heatmaps, sesiones, entrevistas. Agente de Data Science        |
| Output                |                   Prototipo interactivo en Figma. HTML "div soup" — no es production-ready | Código production-ready en feature branch. Git-native, listo para review y deploy               |
| Colaboración          |           Multiplayer en Figma, edición en tiempo real. Ecosistema cerrado dentro de Figma | Multi-agente: QA, Growth, Data Science colaboran en el mismo branch                             |
| Contexto ecommerce    |               Genérico — no tiene contexto de ecommerce. No conoce tu catálogo ni métricas | Nativo ecommerce: conoce tu catálogo, conversión, y comportamiento de usuarios                  |

Pero... ¿tiene sentido comparar solo el paso de diseño? Veamos qué pasa realmente en una empresa →
{% endstep %}

{% step %}

### Pero el diseño no ocurre en el vacío

Un diseñador no se despierta un día y decide cambiar el sitio. Hay un proceso completo detrás de cada cambio — disparado por datos, decisiones de negocio, o feedback de usuarios.

Tienda Grande — Proceso Real

DETONANTES DEL CAMBIO

* Científico de Datos: Caída en conversión, aumento de rebote, patrones de búsqueda
* Gerente Crecimiento: Tests A/B, análisis de embudo, benchmark competencia
* CMO / VP Ecommerce: Iniciativa estratégica, rebranding, nueva campaña
* Merchandising Mgr: Lanzamiento colección, reestructura categorías
* Líder CX / Soporte: Quejas recurrentes, fricción UX reportada

PRIORIZACIÓN → INVESTIGACIÓN → DISEÑO → APROBACIÓN

Roles y tareas:

* Product Manager: Historia de usuario, define alcance y KPIs, prioriza en backlog
* Investigador UX: Mapas de calor, entrevistas usuarios, valida hipótesis
* ⭐ Diseñador UX ⭐: Wireframes, flujos de usuario, patrones de interacción
* ⭐ Diseñador UI ⭐: Diseño visual, specs componentes, layouts responsivos
* Stakeholder / Marca: Aprobación visual y de marca

DESARROLLO → QA → LANZAMIENTO → MONITOREO

* Dev Frontend: Componentes, responsivo, performance
* Dev Backend: APIs, capa de datos, integraciones
* QA Engineer: Testing funcional, cross-browser, regresión
* Tech Lead: Revisión código, arquitectura, auditoría rendimiento
* DevOps + Monitoreo: Deploy staging/prod, feature flags, KPIs e impacto

Figma Make solo cubre los 2 pasos resaltados (⭐).\
Calvin cubre el proceso completo: desde el insight de datos hasta el deploy en producción.
{% endstep %}

{% step %}

### Lo mismo aplica a tiendas pequeñas

Menos personas, pero el mismo principio: el cambio no empieza en el diseño. Empieza en un dato, una queja, o una intuición del dueño.

Tienda Pequeña — Proceso Real

DETONANTES

* Dueño revisa analytics: Nota caída en ventas, alto rebote en mobile, abandono de carrito
* Persona de Marketing: Campaña necesita landing, competencia se ve mejor, feedback en redes
* Intuición del Dueño: Algo no se ve bien, queja de cliente por DM, actualización de temporada

DECISIÓN → DISEÑO → APROBACIÓN

Roles y flujo:

* Dueño / Fundador: Decide prioridad, idea de lo que quiere, define presupuesto y plazo
* ⭐ Diseñador ⭐: Mockup en Figma, UX + UI combinados, 1-2 rondas de revisión
* Dueño aprueba: Revisión rápida, muestra al socio, OK o pide cambios

CONSTRUCCIÓN → REVISIÓN → PRODUCCIÓN

* Desarrollador: Frontend + Backend, testea, chequeo cross-device
* Dueño revisa: Navega staging, chequea en el celular, marca problemas obvios
* Deploy + Monitoreo: Sube a producción, smoke test rápido, mira ventas al otro día

Acá tampoco el diseño es un paso aislado. Calvin reemplaza al equipo completo: analiza datos → diseña → desarrolla → testea → despliega.
{% endstep %}

{% step %}

### ¿Y si usás los dos?

No es uno u otro. Figma y Calvin se complementan. Podés importar diseños de Figma a Calvin, trabajar con todos los agentes, y llevar los diseños de vuelta a Figma.

Figma

* Diseñá en tu herramienta favorita
* Usá tus componentes y librerías
* Trabajá con tu equipo en Figma
* Iterá el diseño visual libremente

Importar diseños → Calvin

* 🎨 UI Designer Agent: Refina el diseño importado con contexto de marca
* 🔍 UX Research Agent: Valida con heatmaps, sesiones, y datos reales
* 📈 Growth Agent: Optimiza para conversión y métricas del negocio
* 💻 Dev Agent: Genera código production-ready en feature branch
* 🧪 QA Agent: Testea cross-browser, responsive, y regresión
* 📊 Data Science Agent: Mide impacto y genera insights post-deploy

Exportar a Figma → Figma

* Recibí los diseños actualizados
* Ya validados con datos reales
* Con código listo en el branch
* Seguí iterando en Figma si querés

Lo mejor de los dos mundos: diseñá en Figma, potenciá con Calvin. Sin fricciones, sin vendor lock-in.
{% endstep %}
{% endstepper %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://gopersonal.gitbook.io/calvin/faq/calvin-vs-figma-make.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.