[PRD] Export Enhancement — Figma, Tailwind, React

[espetro]

Summary

Bridge the gap between Calca's AI-generated designs and production-ready code. The README claims Export supports Figma, Tailwind, and React — but Figma export doesn't exist, and the current code export is basic AI conversion without design system awareness.

Deliverables

• Enhanced Tailwind/React export with design token extraction
• Component detection and semantic naming
• Static Figma export (SVG/PNG fallback)
• Figma Plugin export (via Figma Plugin API)
• Batch export for multiple frames
• Export history tracking

Effort

~28.5 days (~6 weeks), staged delivery:

• Phase 0 (Foundation): 4 days — packages/export scaffold, HTML parser
• Phase 1 (MVP): 8.5 days — Enhanced Tailwind/React + design tokens
• Phase 2 (Figma): 8.5 days — Figma plugin + static export
• Phase 3 (Advanced): 7.5 days — Batch export, history, Storybook

Timeline

Pre-v1.0 — This is a core stated feature in the README. Ship before v1.0 launch.

References

• 📄 PRD: docs/roadmap/export-enhancement.md
• 🏗️ Architecture: New package with strategy pattern for format handlers
• 🔗 Depends on: AI SDK v6 (exists), packages/core pipeline (exists)