Дизайн
Screenshot To Code
Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)
★ 80,0 тыс. звёздMIT
Смотреть руководство →Design-Learn — проект с открытым исходным кодом из категории «Дизайн» от GalaxyXieyu (GalaxyXieyu/Design-Learn на GitHub). У него 172 звезды на GitHub и 16 форков, он распространяется по лицензии MIT и последний раз обновлялся на GitHub 19 апреля 2026.
Extract any site's design language into reusable rules for AI coders
Add Design-Learn to Chrome.
Open the site whose style you like.
The tool analyzes the UI into design tokens.
Give the rules to your AI coding tool.
Turn any site into UI rules.
Colors, spacing, type as data.
Analyze while you browse.
Rules your coder can follow.
Structured design-system view.
Free for commercial use with attribution.
Download the source and move into the project folder.
git clone https://github.com/GalaxyXieyu/Design-Learn.git
cd Design-LearnEvery project documents its own setup; start with install requirements.
cat README.md | head -60Follow the project's launch command — Docker, pip, npm, or a binary release.
# see README for the exact launch commandIt is an open-source project at GalaxyXieyu/Design-Learn with 162 forks. Check the repo's contributors and recent commits to see how active maintenance is.
MIT licensed — commercial use allowed with attribution.
As a Chrome extension — visit a site, extract, feed to AI.
Any coding assistant that takes design context — see the docs.
It extracts design language into rules, not the site's assets.
Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)
Penpot: The open-source design platform for Product teams that need scalable collaboration
The Developer Tool for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's…
Extract any website's design system — logo, colours, typography and tokens — in one command.
Free slide-design prompt pack for ChatGPT, Claude and any AI tool
36 installable visual-design skills for Codex — turn photos into artwork
Другие проекты из категории «Дизайн» с наибольшим числом звёзд в каталоге LibreAI — реалистичный список альтернатив, если Design-Learn вам не подходит.
Excalidraw — the virtual whiteboard with the hand-drawn look: infinite canvas, real-time collaboration and end-to-end encrypted sharing, MIT-licensed
Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)
Turn any idea, plan or codebase into a beautiful interactive architecture diagram — an agent skill
There can be more than Notion and Miro. AFFiNE(pronounced [ə‘fain]) is a next-gen knowledge base that brings planning, sorting and creating all together. Pri…
draw.io Desktop — the official offline desktop app for diagrams.net: flowcharts, architecture diagrams and wireframes in an Electron app that never sends your diagram data anywhere, GPL-3.0
Соседние проекты из категории «Дизайн» в каталоге, ближайшие по числу звёзд к Design-Learn — продолжайте изучать полку по обе стороны от него.
An AI slide-deck generator built on Vue 3: describe your topic and it produces
Free slide-design prompt pack for ChatGPT, Claude and any AI tool
Connect AI coding assistants to Unity or Godot with 275+ tools
MCP agent toolkit that makes AI-written code more deterministic
AI resume analyzer — ATS-friendly templates and job-winning optimization
36 installable visual-design skills for Codex — turn photos into artwork
Бесплатно и открыто — забирайте исходный код, ставьте звезду репозиторию и начинайте создавать.