whereismyai
Antidraw
Antidraw is a design canvas for coding agents that renders real React code frames.
Antidraw is a design canvas for your coding agents. Describe what you want and it appears on a Figma-like canvas, where every frame is real React code. Components are built from the libraries and design systems your team already uses, ready to hand to your developer. It runs locally on your machine using Claude Code and your own Claude account. The tool supports npm packages like shadcn/ui, Radix, Motion, and Remotion, as well as enterprise design systems. It is made for product managers, designers, marketers, and sales teams.
Antidraw at a glance
- Best for: Software engineer, Designer
- Runs on: macOS
- Pricing: Free and open source
- Released: November 2026
- Category: AI coding tool
- Website: github.com/antidrawhq/antidraw
Key features
- Design canvas for coding agents
- Real React code frames
- Support for npm component libraries
- Local execution with Claude Code
- Clickable real flows and states
- Remotion video generation support
- Responsive layout reflow
Use it for
- Create clickable prototypes for user testing
- Build launch videos with Remotion
- Generate slide decks from real components
- Make mockups with prospect data
- Test animations and micro-interactions
Alternatives to Antidraw
- tldraw — Provides a production-ready infinite canvas foundation for React applications.
- AntiVibe — It explains the design decisions behind code instead of just generating summaries.
- Google Antigravity — It allows local management and parallel execution of autonomous coding agents.
- Claude Code — Terminal-first agent that handles multi-hour refactors and migrations
- ClaudeAnimationBase — Provides assets, rules and a guide to generate character animations with AI.
- Suta — Reduces AI-generated design slop in user interfaces.
- ModLens — Converts screenshots and charts into structured JSON data for coding agents.
- Libraries.dev — Prompt-based UI libraries that coding agents can install and configure directly
- Claude Code Workflows — Provides pre-built, automated workflows for Claude Code development processes.
- Array — Runs Claude Code, Codex, and Pi side by side on one canvas.
- Motion2code — It gives coding agents vision tools and a frame comparison loop to prevent guesswork.
- Baoyu Design — Runs locally in your editor without a website subscription or upload step.
All Antidraw alternatives