12 tools
Locale
joshpuckett.me/locale
Preview your locally installed fonts in the browser — with adjustable size, weight, sample text, and background options.
Wonder
www.wonder.design
AI-powered design canvas that outputs real React + Tailwind code. Works with your codebase via MCP — Claude Code, Cursor, and Codex integrations built in.
Spline
spline.design
Spline is a browser-based 3D design tool that makes interactive 3D accessible to web designers without requiring Blender or Three.js skills. You get parametric modeling, timeline animation, event-driven states, and one-click embedding for websites — all with real-time collaboration. An optional AI add-on generates 3D objects and textures from text prompts.
Wiretext
wiretext.app
Wiretext is a browser-based wireframing tool where everything renders as Unicode box-drawing characters — you get a spatial canvas with 30+ pre-built components (buttons, modals, tables, navbars, calendars) and export as plain text, Markdown, or shareable compressed URL links. The output is a text file you can paste into a PR, README, or spec doc without any image dependencies. Open source on GitHub.
OpenPencil
openpencil.dev
Open-source, local-first AI design editor that reads and writes .fig files and exports directly to production code.
Photopea
www.photopea.com
Photopea is a browser-based photo and graphics editor built by a solo developer whose UI matches Photoshop closely enough that Adobe users can start immediately. It handles PSD, AI, PDF, SVG, and CDR formats, stores files locally rather than uploading them, and works offline after the initial load. Free with ads; $9/month removes ads and adds AI credits. No installation, no subscription required for core use.
Recraft
recraft.ai
AI design studio for generating production-quality vector and raster assets with brand consistency.
Google Stitch
stitch.withgoogle.com
Google Stitch is Google Labs' AI UI design tool powered by Gemini 2.5, generating complete design systems, interactive prototypes, and exportable code from text prompts or images. A major March 2026 update added an infinite canvas, voice interaction, a design agent, and an MCP server connecting to Claude Code, Cursor, and Gemini CLI. May 2026 (Google I/O): real-time streaming — the canvas updates as you type rather than generating complete outputs — and simultaneous multi-user editing, the most-cited missing feature. Free with 350 generations per month and Figma-format export, no download required. No pricing announced.
Avnac
avnac.design
An open-source, local-first browser design editor for posters, social graphics, and layout work. Avnac is a Canva alternative built on React and TypeScript — your files stay on your machine by default. There's also a native desktop version (Avnac Studio) built with Go. No cloud sync unless you want it.
FontBase
fontba.se
Font manager for Mac, Windows, and Linux. Activates fonts on demand, integrates Google Fonts, and includes a playground for previewing type with CSS export.
Lunagraph
lunagraph.com
A design canvas that outputs production-ready HTML, CSS, and React instead of a static file. Powered by Claude Code. Currently in public beta.
Quiver AI
quiver.ai
AI vector design platform for generating, editing, and animating production-ready SVGs from text prompts or image input. a16z-backed with API access to their Arrow models.