Back to Topics Directory
Topic Hub

#design-to-code (7 Repositories)

Ranked open-source repositories tagged with #design-to-code, scored by pull request acceptance likelihood and maintainer engagement velocity.

Topic Avg Merge Rate

43.5%

Avg Review Latency

21.3h

Filter by language

7 repositories tagged #design-to-code

A TierTypeScript 3.6k

dembrandt/dembrandt

Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.

63.4%
Merge Rate
-
First Review
100%
1st-Timers
2
Maintainers
B TierTypeScript 523

gethopp/figma-mcp-bridge

Figma Plugin & MCP server to bypass API limits

50.0%
Merge Rate
5h
First Review
100%
1st-Timers
6
Maintainers
B TierTypeScript 1.0k

awdr74100/figwright

Free, two-way Figma MCP server. Turn designs into framework-aware code, and push code back to the canvas. Works with Claude Code, Cursor, Codex, and any MCP client.

88.8%
Merge Rate
6d
First Review
100%
1st-Timers
0
Maintainers
B TierJavaScript 301

zhu-guli326/image2_UI_skill

Turn UI screenshots into clickable Codex demos with code UI and real image2 assets.

85.7%
Merge Rate
-
First Review
100%
1st-Timers
0
Maintainers
B TierJavaScript 1.5k

plugin87/ux-ui-agent-skills

Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build instead of faking success.

16.7%
Merge Rate
<1h
First Review
0%
1st-Timers
2
Maintainers
D TierTypeScript 467

uimix-editor/uimix

A WYSIWYG React component builder 🚧 Very work-in-progress

0.0%
Merge Rate
-
First Review
0%
1st-Timers
0
Maintainers
D TierJavaScript 339

zhu-guli326/image2_UI

Image2 UI by ONDesign — open-source UI generation toolkit for OpenAI Codex. Turn screenshots and ideas into editable frontend code.|基于 OpenAI Codex 的开源 UI 生成工具,将截图或想法变成可编辑、可交互的前端界面,支持断点续跑、视觉检查与图片素材复用。

0.0%
Merge Rate
-
First Review
0%
1st-Timers
0
Maintainers
Best Design-to-code Open Source Repositories & C-Rank™ | GetMerged