5 Vue packages tagged “design-to-code”

Most downloaded: openmagic, with 15,193 downloads in the last year and 22 GitHub stars. Ranked by total downloads — use the controls below to sort by stars, most recently updated, or name.

openmagic

AI-powered coding toolbar for any web application. Select elements, capture context, and let AI modify your codebase in real-time.
22 15,193

ux-ui-agent-skills

Design-system kit for coding agents — DTCG design tokens, 52 components, WCAG 2.2 AA→AAA + i18n/RTL accessibility, enforced single-theme consistency (contrast, hardcode, Tailwind-palette, theme-ref + CI gates), any-framework code, 138 design systems, 52 o
2,786 7,394

figma-dev-tools

Figma Dev Tools MCP Server v1.4.21 - Bridge Figma designs to code with AI-powered token extraction, framework-agnostic structured data, React/Vue/HTML component generation, asset downloads, XSS security protection, smart hierarchy fixing, SVG inline rende
4,881

moldui

Visual drag-and-drop editor for your real codebase. Click, drag, resize, edit text in the browser — Claude writes the code. Works with Next.js, Vite, Vue, Svelte, Django, Rails, and static HTML.
2,331

figma-restoration-mcp-vue-tools

Professional Figma Component Restoration Kit - MCP tools with snapDOM-powered high-quality screenshots, intelligent shadow detection, and advanced diff analysis for Vue component restoration. Features enhanced figma_compare with color-coded region analysi
3 2,110