design-to-code · GitHub Topics

#前端开发#The Cursor for Designers • An Open-Source Visual Vibecoding Editor • Visually build, style, and edit your React App with AI

React TypeScript Tailwind CSS Next webflow 低代码 design 前端 ui Hacktoberfest Figma cursor ide cursor-ai design-to-code editor Vibe coding drizzle Supabase

TypeScript 18.75 k

16 小时前

BuilderIO / figma-html

Convert any website to editable Figma designs

HTML Figma figma-plugin design-tools design-systems React TypeScript Storybook figma-plugins 无代码 Chrome 插件 design-to-code Vue.js Angular Svelte

TypeScript 3.37 k

3 个月前

imgcook / imgcook

#前端开发#Generate pages from any sketch or images.

design-to-code 前端机器学习

1.88 k

2 年前

mostafasadeghi97 / design2code

Convert any web design screenshot to clean HTML/CSS code

code-generation gpt4 vision coding-assistant openai 人工智能 design-to-code

TypeScript 647

2 个月前

Flame-Code-VLM / Flame-Code-VLM

#前端开发#Flame is an open-source multimodal AI system designed to translate UI design mockups into high-quality React code. It leverages vision-language modeling, automated data synthesis, and structured train...

code-generation frontend-development vision-language-model 人工智能深度学习前端 multimodal Open Source React vlm deepseek design-to-code front-end image-to-text 大语言模型 Vue.js

Python 520

3 个月前

uimix-editor / uimix

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

CSS design-to-code HTML JavaScript 低代码无代码 ui-components React

TypeScript 455

1 年前

gridaco / code

Design to Code Engine

design-to-code Figma Flutter code-generation works-with-react works-with-svelte works-with-vue

TypeScript 245

5 个月前

kat-tax / figma-to-react-native

Figma → React Native

React Native design-to-code Figma figma-plugin design-tools 系统设计内容管理系统

TypeScript 230

6 天前

BuilderIO / vscode

Builder.io for VSCode - turn designs into code!

无代码 design-to-code React Vue.js Angular Svelte Figma

TypeScript 183

13 天前

bricks-cloud / bricks

Bricks is an open source tool for converting Figma designs into high-quality frontend code.

CSS design-to-code figma-plugin HTML VS Code Extension React Tailwind CSS

TypeScript 84

2 年前

whynotmake-it / figmage

A CLI for generating Flutter themes from Figma files

系统设计 design-to-code Figma Flutter

Dart 63

8 天前

imgcook / imgcook-cli

Using Imgcook force in your terminal

design-to-code

JavaScript 58

3 年前

px2code / Figma-to-HTML

#编辑器#Figma to HTML/React/Vue and truly responsive

editor code-generator React design-tools Figma HTML design-to-code

SCSS 42

1 年前

obvious / token-weaver

#安卓#Token Weaver is a GitHub Action to transform the Figma Token Studio tokens to platform specific theme files

Android design-systems design-to-code design-tokens github-action linting stylelint

TypeScript 9

2 年前

onyx-gen / onyx

A Figma plugin that helps to transform Figma Design Systems to Vue components with UnoCSS utility classes.

系统设计 design-to-code design-tools Figma figma-plugin figma-plugins 无代码 Tailwind CSS TypeScript unocss Vue.js 插件 utility-classes

TypeScript 5

9 个月前

uznam8x / figon

figma to html structure json

Figma HTML JSON 无代码 TypeScript design-to-code

TypeScript 5

3 年前

Ritik-Saxena / Design_to_Code-Flutter

UI design of professional designers converted in flutter code. Check out different folders for source code. For design credits, do check out README.md of a specific project folder.

design-to-code

Dart 4

2 年前