デザイン
Onlook
The Developer Tool for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's…
★ 26.9k スターApache-2.0
ガイドを見る →Penpotは、penpotが公開しているオープンソースのデザインプロジェクトです（GitHub: penpot/penpot）。GitHubスターは60,647、フォークは4,166で、MPL-2.0ライセンスの下で公開されています。GitHubでの最終更新は2026年10月3日です。
Penpot: The open-source design platform for Product teams that need scalable collaboration
A blank canvas, an existing screenshot, or a text prompt describing what you want.
Drag, drop, and edit with real components — what you see is actual code underneath.
Generate layouts from screenshots or prompts, then refine by hand where it matters.
Ship clean React/Tailwind/CSS you can actually maintain, not a dead mockup.
Design directly on the canvas with real components and styles.
Screenshot-to-code and prompt-to-UI that produce editable results.
Exports are maintainable codebases, not locked-in proprietary files.
Multiplayer editing and commenting for teams.
Your design files live on your infrastructure.
No proprietary lock-in on your own work.
Clone the repository or download the latest release for your OS.
git clone https://github.com/penpot/penpot.gitEvery project documents its own setup — the README's install section is the source of truth.
Start the app or server as documented and open the interface it provides.
As a starting point, yes — expect to refine by hand, which these tools are built for.
For many workflows, increasingly yes — especially teams wanting self-hosting or code output.
It is an open-source project at penpot/penpot with 4,166 forks. Check the repo's contributors and recent commits to see how active maintenance is.
Typically React with Tailwind or plain HTML/CSS, depending on the tool.
The open-source tools here are free to use and self-host.
AI-assisted starting points lower the bar a lot, but taste still helps.
The Developer Tool for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's…
Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)
Open source website builder and Webflow alternative. Webstudio is an advanced visual builder that connects to any headless CMS, supports…
The world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts…
DingTalk Workspace is an officially open-sourced cross-platform CLI tool from DingTalk. It unifies DingTalk’s full suite of product capabilities into a singl…
Excalidraw — the virtual whiteboard with the hand-drawn look: infinite canvas, real-time collaboration and end-to-end encrypted sharing, MIT-licensed
LibreAIカタログに掲載されたデザインプロジェクトの中で最もスターの多いもの — Penpotが合わなかった場合に検討したい、現実的な候補リストです。
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
カタログの中でPenpotとスター数が近いデザインプロジェクト — 前後の棚もそのまま見て回れます。
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
:art: Diagram as Code for prototyping cloud system architectures
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…
The Developer Tool for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's…
Turn any idea, plan or codebase into a beautiful interactive architecture diagram — an agent skill
Free and Open source Web Builder Framework. Next generation tool for building templates without coding