The picks
Every pick
Every tool, feature, and article we've found, newest first. Sign in or go Pro to search, filter, and see ratings.
167
Picks scored
81
Tools scored
41
Tools rated 7+
81
Deep dives
Showing 81 tools
AI image generator with accurate text rendering and smart editing tools.
Converts video references into AI image/video prompts automatically.
In-product voice research tool that captures user feedback at friction points automatically.
AI-powered local WCAG accessibility auditing tool for development environments
Free browser tool to generate animated gradient wave backgrounds using WebGL shaders
Free, instant WCAG accessibility checker requiring no account signup.
Design directly on live codebases by mapping real React/Vue user journeys visually.
Feed your design system to AI agents to generate on-brand UI components and artifacts.
McKinsey's QuantumBlack open-sources its internal data-focused design system.
Voice-to-creative-brief tool that turns spoken brainstorms into actionable design directions.
Instantly transforms drafts and AI output into polished, on-brand documents.
Free, authentic stock photography featuring disabled creatives for inclusive storytelling.
Multiplayer AI coding sessions where teams design, build, and ship together live.
Lightweight client approval tool for sharing design files without friction.
Browser-based design extraction tool for inspecting live websites
Interactive reference guide covering every CSS measurement unit with practical examples.
AI platform converts 2D images into downloadable 3D models with texture and format tools.
First design system tailored specifically for ePaper display UI constraints.
AI-powered tool for creating conversational docs, forms, and decks from plain language.
Cross-library component mapping tool for developers switching between UI frameworks.
Copy-paste UI components designed specifically for AI agent interfaces and workflows.
IDE-based UI editor using real React components and CSS design tokens
Prototype UI changes visually in your live app, then apply them via AI coding agents.
Color palettes designed to remain distinguishable under red-shift night mode filters.
Unified free desktop suite for vector, photo, and layout — now under Canva.
AI-native no-code site builder with full design control and production-grade hosting.
Infinite canvas for collaborative whiteboarding, wireframing, and cross-functional design workshops.
All-in-one workspace for docs, wikis, and project tracking used by design teams.
AI-agent-native design tool where the canvas is real HTML/CSS, not a Figma-style abstraction.
Visual no-code builder that takes designers from design to live site without developers.
Mature Mac-native UI design tool with solid component and collaboration features.
The industry-standard design tool every working UI/UX designer relies on daily.
Free animated component library usable in Framer, code, or via MCP.
Prompting layer that pushes AI coding tools toward better, less generic design output.
Single JSON definition renders consistent charts across Figma, code, and AI agents.
AI agent generates UI constrained and governed by your existing design system.
Free After Effects alternative from Maxon for motion graphics and animation.
Generate UI sound effects procedurally without any audio files.
Quiz-based accessibility learning tool covering WCAG, ARIA, and semantic HTML.
Ready-made design system analyses from real sites, usable as AI coding agent context.
Lightweight keyboard-first screen annotation tool that works across any app.
Figma plugin that flags text overflow caused by translated string expansion.
Glassmorphism-style UI component library inspired by Apple's liquid glass aesthetic.
Copy-paste rendered HTML directly into Figma as fully editable layers.
AI icon generator with 50+ styles, commercial use, and non-expiring credits.
Instantly composes selected Figma images into polished moodboard layouts.
AI tool that transforms raw customer interviews into personas, insights, and prioritized roadmaps.
Open-source, customizable design system built for AI agent workflows.
Weave integrates creative workflows directly alongside Figma frames for designers.
Reference encyclopedia of typographic terminology across multiple languages.
Adobe CC suite gets meaningful editing upgrades across Photoshop, Illustrator, and more.
Open-source React UI kit for document-heavy apps with viewers and e-signing.
Interactive 3D color space explorer that generates perceptually uniform palettes for design systems.
Interactive 3D keyboard visualizer for learning app-specific keyboard shortcuts.
Auto-generates pixel-perfect skeleton loading screens directly from your real DOM.
OKLCH-based color scale generator built for design system token workflows.
Curated directory connecting designers with independent type foundries and fonts.
Converts static PDFs into fully editable, layered Figma files instantly.
Open-source design system prompts to guide AI in generating consistent UIs.
Native CSS function that auto-selects accessible text color based on background contrast.
Vi-style modal keyboard shortcuts plugin for power users living in Figma.
Curated AI prompt commands to produce better frontend design output across coding tools.
AI-powered analytics that explains why users struggle, not just what they did.
Free tool to compare Google Fonts with anatomy overlays and pairing scores.
Proposal creation tool for small agencies with design control and analytics.
React UI kit built for dense dashboards, editors, and complex app interfaces.
Shadcn UI components tailored for building design tool interfaces.
Instantly convert live webpages into editable Figma layers with one paste.
Massive open-source brand icon library with flexible framework and CDN delivery options.
Free SVG-to-3D converter with animation and export capabilities.
Interactive reference cards for cognitive biases and AI-specific design phenomena.
AI-powered open source macOS app icon generator for rapid prototyping.
AI-assisted design tool for rapid UI creation and prototyping workflows.
Integrated user testing in ProtoPie eliminates tool-switching for prototype validation workflows.
Figma plugin for exporting element properties as text format.
Lightweight HTML/CSS/JS tool for creating App Store screenshots quickly.
Converts Figma designs to production-ready React/Vue code directly in VSCode.
Collection of Shadcn design systems integrated with AI coding assistants.
Figma plugin automating design system documentation from local styles.
Shadcn-styled badge generator with GitHub/npm integrations for README files.
Comprehensive comparison platform helping designers evaluate and select appropriate design tools.