# Hoja de ruta

## Fase 1 ✅
SceneGraph, Skia rendering, shapes, selection, zoom/pan, undo/redo, snap guides.

##  Motor Core ✅
Vue 3 + Reka UI panels, properties, layers, toolbar, Yoga auto-layout, inline text editing, canvas rulers.

## Fase 2 ✅
.fig import/export, Kiwi codec, clipboard, pen tool, vector networks, groups, Tauri v2 desktop, sections, multi-page, hover highlight, Tier 1 rendering.

##  UI Editor + Layout ✅
Components, instances, overrides, component sets, variables (COLOR/FLOAT/STRING/BOOLEAN), collections, modes, image export, context menu, rich text formatting.

## Fase 3 🟡
@open-pencil/core, CLI (12 commands), MCP server (29+ tools), AI chat (OpenRouter), JSX renderer, code panel.

**Planned:** port remaining figma-use tools, attached mode, design guidelines, screenshot verification loop.

##  E/S Archivos + Funciones Visuales 🔲
Prototyping, comments, PWA, Linux Tauri builds, performance optimization, full Figma compatibility test suite.

## Fase 4

| Phase |  Componentes + Variables | Fase 5: Integración IA & Herramientas:Fase 6: Pulido + Distribución:Cronograma:Duración estimada:Estado |
|-------|------|-----|
| Fase 1 | 3 months | ✅ |
|  Motor Core | 3 months | ✅ |
| Fase 2 | 2 months | ✅ |
|  UI Editor + Layout | 2 months | ✅ |
| Fase 3 | 2 months | 🟡 |
|  E/S Archivos + Funciones Visuales | 2 months | 🔲 |