Category · 12 tools
Figma, Framer and the editors where interfaces get designed before they become code.
12 shown
A drag-and-drop graphic design tool for social images, slides, documents and marketing assets.
Not a product-design tool, but the fastest way for non-designers to make decent social images, slides and assets. Handy alongside real tools, not instead of them.
Visit ↗A virtual whiteboard for hand-drawn-style diagrams and sketches, open source with an optional paid tier.
Hand-drawn-style whiteboarding for diagrams and quick UX sketches. The fastest way to think on a canvas; the core is free and open source.
Visit ↗A collaborative, browser-based interface design tool for UI, prototyping and design systems.
The default design tool for product work, and where most UI starts before it becomes code. Real-time collaboration killed the alternatives; the free tier is plenty to learn on.
Visit ↗A no-code website builder with AI features, CMS, animations and hosting.
Design and publish a real, animated site without code, with AI to speed it up. Lovely for marketing sites and portfolios; you trade some control for the polish.
Visit ↗A free, cross-platform design tool with built-in icons, photos and AI tools, by Icons8.
A free, fast, offline-capable design app with assets baked in. A genuine free alternative for UI design if Figma's pricing or cloud-only model bugs you.
Visit ↗An online collaborative whiteboard for diagramming, planning and workshops.
The big collaborative whiteboard for workshops, planning and sticky-note chaos. Overkill for solo sketching; the default once a team needs to think together.
Visit ↗An open-source, self-hostable design and prototyping tool built on web standards.
The open-source, self-hostable Figma alternative built on web standards. The pick if you want design freedom (or to escape lock-in) without a per-seat bill.
Visit ↗A free, browser-based image editor that opens PSD, Sketch, XD and Figma files.
Photoshop in a browser tab, for free — and it opens PSDs. The clutch tool when you need to tweak an image and don't have (or want) Photoshop.
Visit ↗An AI tool that generates wireframes and site structures into Figma and Webflow, with a large component library.
AI that generates wireframes and full site structures into Figma and Webflow, with a huge component library. A real accelerator for marketing-site design — opinionated, but fast.
Visit ↗A Mac-native vector interface design tool with components, prototyping and a plugin ecosystem.
The Mac-native original that shaped UI design. Still capable, but Figma's collaboration and reach made it a niche choice — paid, Mac only.
Visit ↗An infinite-canvas whiteboard and an SDK for building canvas-based apps.
An infinite canvas that's a joy for diagrams and a fantastic SDK to build canvas apps on. Free to use, and increasingly the base for AI canvas experiments.
Visit ↗A tool for flowcharts, wireframes, mind maps and docs on one canvas.
The fastest way to wireframe a flow or map an idea — clean, quick, and not precious. Great for the thinking that happens before high-fidelity design.
Visit ↗