figma-alternative - 技术专题

🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.

Open-source Claude Design alternative. One-click import your Claude Code / Codex API key. Prompt → prototype / slides / PDF. Multi-model (Claude, GPT, Gemini, Kimi, GLM, Ollama). BYOK, local-first, MIT.

AI-native design editor. Open-source Figma alternative.

Grida — Open Canvas

🎨 Open-source design MCP server + shadcn/ui registry — AI design systems for Claude Code, Cursor, Codex, GitHub Copilot & any MCP client. 31 brand-grade themes (Linear, Stripe, Vercel, Notion, Apple, Supabase, Figma…) + design tokens, UI principles & WCAG rules. Install any component with one command.

Open-source AI design studio. Multi-variant canvas, inspect & edit in code. Powered by Claude / GPT. 本地优先的 AI 设计工作台。

AI design skills + 46 MCP tools for Claude Code, Cursor, Windsurf, Copilot, and any AI agent. Install: npx skills add pablostanley/efecto-plugin

AI-agent skill for creating, auditing, and maintaining Penpot design systems, prototypes, tokens, and design-to-code workflows via the official Penpot MCP Server.

The agentic design workspace — chat-native canvas where humans and AI agents ship products together. Built by nexu.

AI-native design engine. Agents live inside the canvas — no switching, plug any MCP agent (Claude, Codex, Cursor). Design anything: pages, decks, motion, video. Open-source alternative to Figma & Claude Design.

Local-first, open-source alternative to Anthropic's Claude Design. MIT-licensed, BYO agent CLI — Claude Code, Kimi, Codex, or any SDK-compatible model. Composable skills · three edit paths · designs as plain HTML/JSX/CSS folders · run locally, no cloud round-trip. Generate banners, thumbnails, websites, animations, design systems.

Open-source online viewer & editor for Pencil.dev .pen files. Fully client-side, free to host.

The largest DESIGN.md collection on GitHub — 1,632 real e-commerce brand design systems your AI coding agent can read to build on-brand UI: colors, typography, spacing, components.

floop connects your AI development workflow to real user feedback.

Figma is for designing; this is for deciding what to design. Low-fi product wireframes as one shareable URL — a Claude Code skill.

ATV Design — the GitHub Copilot-native AI design agent for your desktop. Prompt → prototype, slides, PDF with your Copilot subscription via OAuth+PKCE. Local-first, BYOK for other providers, MIT-licensed. Electron + TypeScript + React.

Claude Code skill: Convert Excalidraw wireframes to HiFi UI mockups using Pencil MCP. Battle-tested on 94 screens.

Penpot 2026 – The open-source design platform for UI/UX. Self-hosted, 50K+ stars, Figma alternative. Design with SVG/CSS/HTML. MCP server for AI. Setup.exe included.

Penpot: The open-source design tool for design and code collaboration

Ocular — A high-performance collaborative design tool for the modern web. Draw shapes, sketch freehand, add text — and build with your team in real time on a shared SVG canvas.