Designer Tools
UI Design
The core tools designers use to craft interfaces — from component systems and auto-layout to design tokens and handoff-ready specs.
9 tools curated
The Tools

Figma
FreemiumThe dominant UI design tool. Component libraries, variables, dev mode, and a massive plugin ecosystem make it the default for teams of any size.

Sketch
PaidMac-native vector design tool with a clean, focused interface. Strong plugin ecosystem and symbols system. Best for solo designers or small Mac-first teams.

Framer
FreemiumDesign and publish production-ready websites without writing code. Component-first workflow with real React under the hood.

Penpot
FreeOpen-source, self-hostable alternative to Figma. SVG-native, runs in the browser, and free to use — strong choice for privacy-conscious teams.
Lunacy
FreeFree Sketch-compatible design tool for Windows, Mac, and Linux. Built-in AI features, stock photos, and icons included at no cost.

Adobe XD
Free trialAdobe's vector UI/UX tool. Integrates tightly with Photoshop and Illustrator. Less community momentum than Figma but familiar for Adobe-heavy workflows.

Relume
FreemiumAI-powered sitemap and wireframe builder that generates full Figma component wireframes from a brief. Built specifically for web designers in Webflow and Framer workflows — dramatically cuts early-stage time.

Visily
FreemiumAI-first UI design tool that converts screenshots, whiteboard photos, or text descriptions into editable UI components. Designed for teams who need to move fast without a dedicated designer on every sprint.

Linearity Curve
FreemiumThe best vector design tool built natively for Apple Silicon — faster and more intuitive than Illustrator on iPad, with a Procreate-like feel and full SVG export. Particularly strong for icon design within UI workflows.