Skip to content

feat: add sketch-to-vue -- Sketch/MasterGo design to React 18 AI code generator#1757

Open
chenboxun87 wants to merge 1 commit into
enaqx:masterfrom
chenboxun87:add-sketch-to-vue
Open

feat: add sketch-to-vue -- Sketch/MasterGo design to React 18 AI code generator#1757
chenboxun87 wants to merge 1 commit into
enaqx:masterfrom
chenboxun87:add-sketch-to-vue

Conversation

@chenboxun87

Copy link
Copy Markdown

What is sketch-to-vue?

sketch-to-vue converts Sketch MeaXure / MasterGo design exports into pixel-accurate React 18 components (JSX + CSS Modules).

React-specific capabilities

  • Outputs JSX + CSS Modules (.module.css) per component
  • Static text via JSON.stringify for safe escaping in JSX
  • Dynamic text bound to useState (slots ready for real data wiring)
  • Ellipse detection -> borderRadius: 50% in style objects
  • Fullscreen layout -> position:fixed root container
  • ECharts via useRef + useEffect + ResizeObserver (auto dispose)
  • Explicit asset imports with missing-asset fallback comments
  • Also supports: Vue 2 / Vue 3 / UniApp (H5 / WeChat Mini Program / App)

Why add to React Development Tools?

Only open-source tool that generates production-ready React 18 + CSS Modules output directly from Sketch MeaXure exports, with ECharts and dynamic state scaffolding built in.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant