Open Design
Bản mã nguồn mở thay Claude Design — app desktop local-first, biến coding agent (Claude Code, Codex, Cursor...) thành design engine: prototype, dashboard, slide, ảnh, video, xuất file thật.
- Status
- active
- Setup difficulty
- plug-and-play
- Use case mình dùng
- Gõ 1 brief, để coding agent render thẳng ra prototype HTML/dashboard/slide theo design system riêng, xuất PPTX/PDF/MP4 mà không cần mở Figma.
Limitations
- Cần ít nhất 1 coding agent CLI (Claude Code, Codex...) hoặc dùng BYOK proxy nếu chưa cài agent nào
- App desktop native cho macOS/Windows, Linux chỉ có AppImage (optional lane)
Alternatives
Bản thay thế mã nguồn mở cho Claude Design — thay vì bấm chuột trên canvas kiểu Figma, Open Design biến chính coding agent bạn đang dùng hằng ngày (Claude Code, Codex, Cursor, Gemini CLI, và 20+ CLI khác) thành design engine, xuất ra file thật: HTML, PDF, PPTX, MP4.
Tạo được gì
- Prototype — trang HTML đơn, đọc theo design system (
DESIGN.md), preview trong sandboxed iframe - HyperFrame — motion graphic dựng bằng code, render ra MP4 thật (1920×1080 · 30fps)
- Deck — slide thuyết trình, lật trang bằng phím, xuất PPTX/PDF
- Image — ảnh/asset chất lượng cao
- Dashboard/artifact sống — không chỉ ảnh tĩnh
Cài đặt
Cách 1 — app desktop (khuyên dùng, zero config): tải tại open-design.ai hoặc GitHub Releases (macOS Apple Silicon/Intel, Windows x64, Linux AppImage). App tự nhận diện coding agent CLI đã cài trên máy.
Cách 2 — nối thẳng vào coding agent, không cần mở UI:
od mcp install claude # hoặc codex, cursor, copilot, gemini, antigravity...Không có CLI nào cài sẵn? Dùng BYOK proxy — dán baseUrl + apiKey + model, có preset cho OpenAI, Anthropic, Azure, Google Gemini, Ollama, vLLM…
Lưu ý
Không host lại file ở đây — tải trực tiếp từ open-design.ai hoặc GitHub Releases để luôn đúng bản mới nhất.