diff --git a/README.md b/README.md index f4f9af30a..21bbf1237 100644 --- a/README.md +++ b/README.md @@ -229,42 +229,6 @@ Figma is a closed platform that actively fights programmatic access. Their MCP s OpenPencil is the alternative: open source (MIT), reads .fig files natively, every operation is scriptable, and your data never leaves your machine. -## Roadmap - -OpenPencil is moving toward production-grade Figma compatibility while keeping every workflow scriptable and local-first. - -### Compatibility and fidelity - -- Improve `.fig` import/export parity across large real-world design systems, including component sets, variants, nested instances, variables, auto layout, vector networks, and derived Figma text -- Expand automated visual compatibility coverage across full multi-page documents, not just isolated fixtures -- Continue renderer parity work for Skia/CanvasKit output: strokes, effects, gradients, image fills, text outlines, masks, blend modes, export bounds, and raster export compositing -- Build focused regression fixtures for every discovered Figma compatibility edge case before broadening behavior - -### Editor capabilities - -- Prototyping — frame transitions, interaction triggers, overlay management, and preview mode -- Component libraries — publish, share, and consume design systems across files -- Grid authoring UI — column/row span controls, grid overlays on canvas, and richer inspector controls -- Variables UI — complete variable collection editing, binding discovery, and token-oriented workflows - -### Performance and scale - -- Raster tile caching for instant zoom/pan on complex documents -- Renderer profiling tools for isolating slow nodes, effects, masks, and large imported documents -- Incremental layout/render invalidation for large documents and collaborative sessions - -### Automation and CI - -- CI tools for design linting, code export, visual regression, and design-token checks in pipelines -- Deeper MCP/CLI workflows for headless inspection, migration, and batch editing of `.fig` and `.pen` files -- More deterministic export and comparison utilities for compatibility testing - -### Platform polish - -- Shader effects (SkSL) — custom visual effects via GPU shaders -- Windows code signing with Azure Authenticode certificates -- Packaged desktop-side MCP integration so agent workflows do not require global installs - ## Contributing ### Setup diff --git a/packages/docs/de/guide/figma-comparison.md b/packages/docs/de/guide/figma-comparison.md index 7a2a22cfc..a0f6c2414 100644 --- a/packages/docs/de/guide/figma-comparison.md +++ b/packages/docs/de/guide/figma-comparison.md @@ -171,10 +171,10 @@ Feature-für-Feature-Vergleich der Figma-Design-Funktionen mit dem aktuellen Imp | Funktion | Status | Anmerkungen | |----------|--------|-------------| -| Prototyp-Verbindungen | 🔲 | Geplant für Phase 6 | -| Auslöser (Klick, Hover, Ziehen usw.) | 🔲 | Geplant für Phase 6 | -| Aktionen (Navigieren, Overlay, Scroll usw.) | 🔲 | Geplant für Phase 6 | -| Animationen & Übergänge | 🔲 | Geplant für Phase 6 | +| Prototyp-Verbindungen | 🔲 | Noch nicht unterstützt | +| Auslöser (Klick, Hover, Ziehen usw.) | 🔲 | Noch nicht unterstützt | +| Aktionen (Navigieren, Overlay, Scroll usw.) | 🔲 | Noch nicht unterstützt | +| Animationen & Übergänge | 🔲 | Noch nicht unterstützt | | Smart Animate | 🔲 | Übereinstimmende Ebenen automatisch animieren | | Overlays | 🔲 | Modale/Popover-Prototypen | | Scroll- & Overflow-Verhalten | 🔲 | Scrollbare Frames in Prototypen | @@ -207,7 +207,7 @@ Feature-für-Feature-Vergleich der Figma-Design-Funktionen mit dem aktuellen Imp | Funktion | Status | Anmerkungen | |----------|--------|-------------| -| Kommentare (Anheften, Threads, Auflösen) | 🔲 | Geplant für Phase 6 | +| Kommentare (Anheften, Threads, Auflösen) | 🔲 | Noch nicht unterstützt | | Echtzeit-Multiplayer | ✅ | P2P via Trystero + Yjs CRDT, Cursor, Folgemodus; kein Server | | Cursor-Chat | 🔲 | Inline-Chat-Blasen am Cursor | | Branching & Merging | 🔲 | Versions-Branches für Design-Dateien | diff --git a/packages/docs/de/guide/tech-stack.md b/packages/docs/de/guide/tech-stack.md index 981f099b4..0c0c9fd18 100644 --- a/packages/docs/de/guide/tech-stack.md +++ b/packages/docs/de/guide/tech-stack.md @@ -60,8 +60,8 @@ Das Projekt migrierte früh von React zu Vue 3. Vues Reaktivitätssystem und Vue Yoga wird von Meta gepflegt, ist auf Milliarden von React-Native-Geräten getestet und implementiert die CSS-Flexbox-Spezifikation. -## Geplante Technologien +## Zusätzliche Technologien -| Technologie | Zweck | Phase | -|-----------|---------|-------| -| CSS Grid in Yoga | Grid-basiertes Auto-Layout | ✅ Unterstützt über [Yoga-Fork](https://github.com/open-pencil/yoga/tree/grid) (`@open-pencil/yoga-layout`) | +| Technologie | Zweck | Status | +|-----------|---------|--------| +| CSS Grid in Yoga | Grid-basiertes Auto-Layout | Unterstützt über [Yoga-Fork](https://github.com/open-pencil/yoga/tree/grid) (`@open-pencil/yoga-layout`) | diff --git a/packages/docs/fr/guide/figma-comparison.md b/packages/docs/fr/guide/figma-comparison.md index df539a35d..c608c912b 100644 --- a/packages/docs/fr/guide/figma-comparison.md +++ b/packages/docs/fr/guide/figma-comparison.md @@ -171,10 +171,10 @@ Comparaison fonctionnalité par fonctionnalité des capacités de Figma Design a | Fonctionnalité | Statut | Notes | |---------------|--------|-------| -| Connexions de prototype | 🔲 | Prévu pour la Phase 6 | -| Déclencheurs (clic, survol, glisser, etc.) | 🔲 | Prévu pour la Phase 6 | -| Actions (naviguer, overlay, scroll, etc.) | 🔲 | Prévu pour la Phase 6 | -| Animations et transitions | 🔲 | Prévu pour la Phase 6 | +| Connexions de prototype | 🔲 | Pas encore pris en charge | +| Déclencheurs (clic, survol, glisser, etc.) | 🔲 | Pas encore pris en charge | +| Actions (naviguer, overlay, scroll, etc.) | 🔲 | Pas encore pris en charge | +| Animations et transitions | 🔲 | Pas encore pris en charge | | Smart animate | 🔲 | Auto-animer les calques correspondants | | Overlays | 🔲 | Prototypage modal/popover | | Comportement de scroll et overflow | 🔲 | Frames scrollables dans les prototypes | @@ -207,7 +207,7 @@ Comparaison fonctionnalité par fonctionnalité des capacités de Figma Design a | Fonctionnalité | Statut | Notes | |---------------|--------|-------| -| Commentaires (épingler, fils, résoudre) | 🔲 | Prévu pour la Phase 6 | +| Commentaires (épingler, fils, résoudre) | 🔲 | Pas encore pris en charge | | Multijoueur en temps réel | ✅ | P2P via Trystero + Yjs CRDT, curseurs, mode suivi ; sans serveur | | Chat au curseur | 🔲 | Bulles de chat inline au curseur | | Branching et merging | 🔲 | Branches de version pour fichiers de design | diff --git a/packages/docs/fr/guide/tech-stack.md b/packages/docs/fr/guide/tech-stack.md index bccccfaed..5e503fac4 100644 --- a/packages/docs/fr/guide/tech-stack.md +++ b/packages/docs/fr/guide/tech-stack.md @@ -62,8 +62,8 @@ Le projet a migré de React vers Vue 3 très tôt. Le système de réactivité d Yoga est maintenu par Meta, éprouvé sur des milliards d'appareils React Native et implémente la spécification CSS flexbox. -## Technologies planifiées +## Technologies supplémentaires -| Technologie | Objectif | Phase | -|-----------|---------|-------| -| CSS Grid dans Yoga | Auto layout basé sur une grille | ✅ Livré via [fork Yoga](https://github.com/open-pencil/yoga/tree/grid) (`@open-pencil/yoga-layout`) | +| Technologie | Objectif | Statut | +|-----------|---------|--------| +| CSS Grid dans Yoga | Auto layout basé sur une grille | Livré via [fork Yoga](https://github.com/open-pencil/yoga/tree/grid) (`@open-pencil/yoga-layout`) | diff --git a/packages/docs/guide/figma-comparison.md b/packages/docs/guide/figma-comparison.md index 9322802cf..4499ad817 100644 --- a/packages/docs/guide/figma-comparison.md +++ b/packages/docs/guide/figma-comparison.md @@ -173,10 +173,10 @@ Feature-by-feature comparison of Figma Design capabilities with Open Pencil's cu | Feature | Status | Notes | |---------|--------|-------| -| Prototype connections | 🔲 | Planned for Phase 6 | -| Triggers (click, hover, drag, etc.) | 🔲 | Planned for Phase 6 | -| Actions (navigate, overlay, scroll, etc.) | 🔲 | Planned for Phase 6 | -| Animations & transitions | 🔲 | Planned for Phase 6 | +| Prototype connections | 🔲 | Not supported yet | +| Triggers (click, hover, drag, etc.) | 🔲 | Not supported yet | +| Actions (navigate, overlay, scroll, etc.) | 🔲 | Not supported yet | +| Animations & transitions | 🔲 | Not supported yet | | Smart animate | 🔲 | Auto-animate matching layers | | Overlays | 🔲 | Modal/popover prototyping | | Scroll & overflow behavior | 🔲 | Scrollable frames in prototypes | @@ -209,7 +209,7 @@ Feature-by-feature comparison of Figma Design capabilities with Open Pencil's cu | Feature | Status | Notes | |---------|--------|-------| -| Comments (pin, thread, resolve) | 🔲 | Planned for Phase 6 | +| Comments (pin, thread, resolve) | 🔲 | Not supported yet | | Real-time multiplayer | ✅ | P2P via Trystero + Yjs CRDT, cursors, follow mode; no server required | | Cursor chat | 🔲 | Inline chat bubbles at cursor | | Branching & merging | 🔲 | Version branches for design files | diff --git a/packages/docs/guide/tech-stack.md b/packages/docs/guide/tech-stack.md index 10d6166f4..5662ffe7b 100644 --- a/packages/docs/guide/tech-stack.md +++ b/packages/docs/guide/tech-stack.md @@ -60,8 +60,8 @@ The project migrated from React to Vue 3 early in development. Vue's reactivity Yoga is maintained by Meta, battle-tested across billions of React Native devices, and implements the CSS flexbox spec. Building a custom engine would be months of work to reach the same correctness level. -## Planned Technologies +## Additional Technologies -| Technology | Purpose | Phase | -|-----------|---------|-------| -| CSS Grid in Yoga | Grid-based auto layout | ✅ Shipped via [Yoga fork](https://github.com/open-pencil/yoga/tree/grid) (`@open-pencil/yoga-layout`) | +| Technology | Purpose | Status | +|-----------|---------|--------| +| CSS Grid in Yoga | Grid-based auto layout | Shipped via [Yoga fork](https://github.com/open-pencil/yoga/tree/grid) (`@open-pencil/yoga-layout`) |