Tool
Pencil.dev
IDE-embedded design canvas with MCP + Code on Canvas
About
Use with ChatGPT or Claude subscription, add API keys or connect via MCP, WebMCP or CLI.
Thousands of layers stay smooth as you pan, zoom, and edit powered by a custom WebGL pipeline.
Visual effects powered by real-time shaders gradients and textures at your fingertips.
Draw paths, edit curves, and paste SVG code straight into your designs with ease.
Features
- Follow us on X Join Discord
- Pen.dev on OpenVSX
- Add to Cursor
- Add to VS Code
- Sub-processors
- Pricing
- Freemium
- Pricing detail
- app free; needs Claude ~$20/mo agent
- Platforms
- Desktop + MCP
Alternatives from our catalog
Tools on the same shelves as Pencil.dev, ordered by shared tags and our own comparisons. Not vendor endorsements.
- LunacyFreemium · Desktop (Mac/Win/Linux)
LinkedIn/Reddit "underrated Figma alt"; works offline
also in UI & Product
- RelumeFreemium · Web + Figma/Webflow
Agencies' underrated site-architecture tool
also in UI & Product
- BananiFreemium · Web
Rising AI UI tool; strong Figma/MCP story
also in UI & Product
- VisilyFreemium · Web
PM-friendly; exports Figma/code
also in UI & Product
- PenpotOpen Source · Web + self-host
Self-hostable Figma alternative; HN favorite
also in UI & Product
- SquigOpen Source · Figma plugin / local
Pablo Stanley gem; napkin-fidelity feedback
also in UI & Product
Add a badge to your site
Makers listed on isthereanytool.app can embed this badge. It links to Pencil.dev’s page on our catalog — no scripts, just HTML.
<a href="https://www.isthereanytool.app/tool/pencil-dev" target="_blank" rel="noopener"><img src="https://www.isthereanytool.app/badge/listed.svg?theme=paper" alt="Featured on isthereanytool.app" width="250" height="54"></a>