# UIGuides

> Honest comparisons, reviews, and guides for UI/UX design tools. Covers 60+ tools including Figma, Sketch, Framer, Webflow, Adobe XD, and more.

UIGuides publishes opinionated, data-driven content to help designers and developers pick the right UI design tools. Content is organized into comparisons (tool A vs tool B), best-of roundups, individual tool reviews, and how-to guides.

## Sections

- [Comparisons](https://www.uiguides.com/compare): Side-by-side tool comparisons with clear winners
- [Best-of Guides](https://www.uiguides.com/best): Curated lists of the best tools for specific use cases
- [Guides](https://www.uiguides.com/guides): How-to guides and educational content for UI designers
- Tool Reviews: In-depth individual tool reviews with ratings (listed below)

## Comparisons

- [Affinity Designer vs Illustrator: Professional Vectors Without the Subscription](https://www.uiguides.com/compare/affinity-designer-vs-illustrator): Affinity Designer matches Illustrator for most vector work at a one-time price. Here's the honest comparison for designers considering the switch.
- [Affinity Photo vs Photoshop: The Subscription-Free Alternative That Actually Works](https://www.uiguides.com/compare/affinity-photo-vs-photoshop): Affinity Photo matches Photoshop for most image editing tasks at a one-time price. Here's where it wins, where Photoshop is still ahead, and who should switch.
- [Anima vs Zeplin: Zeplin Is Still the Safer Handoff Choice](https://www.uiguides.com/compare/anima-vs-zeplin): Anima generates code from designs, but the output still needs cleanup. Zeplin's inspect and style guide features are more reliable for day-to-day design-to-dev handoff.
- [Axure vs Figma: Complexity Is Axure's Product](https://www.uiguides.com/compare/axure-vs-figma): Axure can build interaction logic that Figma can't match. But most teams don't need that complexity. Here's when Axure is worth the steep learning curve.
- [Axure vs UXPin: Old Power vs New Approach](https://www.uiguides.com/compare/axure-vs-uxpin): Axure is the incumbent for enterprise UX. UXPin is the modern alternative with the Merge feature. Here's which one to choose in 2026.
- [Balsamiq vs Axure: Which Wireframing Tool Should You Use?](https://www.uiguides.com/compare/balsamiq-vs-axure): Balsamiq is simple and intentionally lo-fi. Axure handles complex interactions and detailed specs. For UX teams doing serious work, Axure wins.
- [Balsamiq vs Figma: Rough on Purpose Has Value](https://www.uiguides.com/compare/balsamiq-vs-figma): Balsamiq's hand-drawn style keeps stakeholders focused on flow, not aesthetics. Figma does everything else. Here's when the sketchy tool is actually the smarter choice.
- [Bolt vs Lovable: Lovable Ships Cleaner Code](https://www.uiguides.com/compare/bolt-vs-lovable): Bolt is faster for quick prototypes, but Lovable produces code you can actually deploy. Here's when each AI app builder makes sense.
- [Bolt vs v0: v0 Writes Better Components](https://www.uiguides.com/compare/bolt-vs-v0): Bolt tries to build entire apps. v0 focuses on generating clean UI components. For most frontend work, v0's focused approach wins.
- [Canva vs Figma for Beginners: Which Should You Learn First?](https://www.uiguides.com/compare/canva-vs-figma-for-beginners): If you want a UI/UX career, learn Figma. If you need graphics fast and don't plan to work in product design, Canva is excellent.
- [Canva vs Figma for Marketing Teams: Different Jobs](https://www.uiguides.com/compare/canva-vs-figma-for-marketing-teams): Canva is purpose-built for marketing asset creation. Figma is a design tool that marketing teams can use but weren't the primary audience for.
- [Cursor vs Lovable: Full Control vs Full Automation](https://www.uiguides.com/compare/cursor-vs-lovable): Cursor is for developers who want AI assistance. Lovable is for non-developers who want AI to do it all. The audience split is that clean.
- [Cursor vs v0 for UI: Which Should You Use?](https://www.uiguides.com/compare/cursor-vs-v0-for-ui): Cursor and v0 are not the same type of tool. Here's how to use each one — and why most developers end up using both.
- [Dovetail vs Hotjar: Different Tools for Different Research Questions](https://www.uiguides.com/compare/dovetail-vs-hotjar): Dovetail organizes qualitative research. Hotjar tracks quantitative user behavior. Dovetail is the better research tool, but they barely overlap.
- [FigJam vs Whimsical: Speed vs Convenience](https://www.uiguides.com/compare/figjam-vs-whimsical): Whimsical is faster for individual diagrams. FigJam is the pick if your team is already on Figma. Here's exactly when each makes sense.
- [Figma Make vs v0: Prototype or Production Code?](https://www.uiguides.com/compare/figma-make-vs-v0): Figma Make generates interactive prototypes. v0 generates shippable React code. Here's how to pick the right tool for what you're actually building.
- [Figma vs Adobe XD: One Is Alive, One Isn't](https://www.uiguides.com/compare/figma-vs-adobe-xd): Adobe XD hasn't been updated since 2022. Figma is actively developed. Here's the honest comparison for UI designers in 2026.
- [Figma vs Canva: Not the Same Type of Tool](https://www.uiguides.com/compare/figma-vs-canva): Canva is great for marketing graphics. Figma is built for UI/UX design. Here's which one you actually need and why mixing them up is costly.
- [Figma vs FigJam: Not a Competition](https://www.uiguides.com/compare/figma-vs-figjam): FigJam is a whiteboard. Figma is a design tool. Your team probably needs both — and if you're on Figma already, FigJam is already included.
- [Figma vs Framer: Which Should You Use in 2026?](https://www.uiguides.com/compare/figma-vs-framer): Figma vs Framer compared on design, prototyping, and publishing. Which tool makes more sense for your workflow?
- [Figma vs Illustrator for UI Design: Don't Use Illustrator](https://www.uiguides.com/compare/figma-vs-illustrator-for-ui): Illustrator can technically design UI screens, but it fights you every step of the way. Figma was built for the job.
- [Figma vs InVision: InVision Has Shut Down](https://www.uiguides.com/compare/figma-vs-invision): InVision shut down its services in January 2025. Figma is the clear successor. Here's what happened and what it means for your workflow.
- [Figma vs Lunacy for Windows: The Native App Argument](https://www.uiguides.com/compare/figma-vs-lunacy-for-windows): Lunacy is native on Windows and genuinely faster for large files. Does that outweigh Figma's ecosystem? Here's the honest answer.
- [Figma vs Miro for Design Teams: You Probably Need Both](https://www.uiguides.com/compare/figma-vs-miro-for-design-teams): Figma is a design tool. Miro is a whiteboard. They're not competing. But if budget forces you to pick one, the answer is clear.
- [Figma vs Penpot for Design Systems: Which Handles Tokens Better?](https://www.uiguides.com/compare/figma-vs-penpot-for-design-systems): For building design systems specifically, Figma's variables and component system are more mature. Penpot is closing the gap but isn't there yet.
- [Figma vs Penpot: The Open-Source Alternative Is Real](https://www.uiguides.com/compare/figma-vs-penpot): Penpot has closed the gap with Figma more than most people realize. Here's an honest look at where Figma still wins and where Penpot genuinely holds its own.
- [Figma vs Photoshop for UI Design: Different Tools, Different Jobs](https://www.uiguides.com/compare/figma-vs-photoshop): Figma and Photoshop are not competitors. One designs interfaces, the other edits images. Here's how they fit together and when to use each.
- [Figma vs Sketch: Which Is Better in 2026?](https://www.uiguides.com/compare/figma-vs-sketch): An opinionated comparison of Figma and Sketch for UI design, covering features, pricing, and which tool fits your workflow.
- [Figma vs UXPin: Unless You Need Merge, Use Figma](https://www.uiguides.com/compare/figma-vs-uxpin): UXPin's Merge feature — importing real React components into your design tool — is genuinely unique. For everyone else, Figma's ecosystem wins.
- [Figma vs Webflow: They're Not Competing](https://www.uiguides.com/compare/figma-vs-webflow): Figma and Webflow do completely different things. Here's when to use each — and why many teams use both together.
- [Figma vs Whimsical: Do You Need Both?](https://www.uiguides.com/compare/figma-vs-whimsical): Whimsical is faster for diagrams and flows. Figma handles everything else. Most design teams need Figma — and maybe Whimsical as a sidekick.
- [Framer vs Squarespace: Which Website Builder Should You Use?](https://www.uiguides.com/compare/framer-vs-squarespace): Squarespace wins for most small businesses. Framer wins for designers who need pixel-perfect control. Here's how to pick.
- [Framer vs Webflow: Pick Based on Scale](https://www.uiguides.com/compare/framer-vs-webflow): Both are no-code website builders, but they excel at different things. Framer for portfolios and landing pages. Webflow for sites that need to grow.
- [Galileo AI vs Uizard: Which AI Design Tool Is Worth Using?](https://www.uiguides.com/compare/galileo-ai-vs-uizard): Galileo AI generates more impressive screens. Uizard generates more useful ones. For actual design work, that gap matters.
- [Google Stitch vs v0: Which AI UI Generator Wins?](https://www.uiguides.com/compare/google-stitch-vs-v0): Both generate UI from natural language. v0 has the track record, the community, and the stack alignment for React developers.
- [Hotjar vs FullStory: Pick the One Your Budget Supports](https://www.uiguides.com/compare/hotjar-vs-fullstory): FullStory is enterprise-grade and priced accordingly. Hotjar is accessible for most teams. Here's exactly who should use which.
- [Hotjar vs Maze: Different Tools, Different Questions](https://www.uiguides.com/compare/hotjar-vs-maze): Hotjar shows how real users behave on your live site. Maze tests your prototypes before launch. Most teams need Hotjar more — here's why.
- [Hotjar vs UserTesting: Quantitative Behavior vs Qualitative Sessions](https://www.uiguides.com/compare/hotjar-vs-usertesting): Hotjar shows you what users do on your live site. UserTesting shows you why. For most teams, Hotjar is the practical starting point.
- [InVision vs Figma for Handoff: InVision Has Shut Down](https://www.uiguides.com/compare/invision-vs-figma-for-handoff): InVision Inspect used to be the standard for developer handoff. InVision shut down in January 2025. Figma Dev Mode is the successor.
- [InVision vs Marvel: InVision Has Shut Down, Marvel Remains](https://www.uiguides.com/compare/invision-vs-marvel): InVision shut down in January 2025. Marvel is still available for simple prototyping. Here's the current picture.
- [Justinmind vs Axure: Axure Still Owns Enterprise Prototyping](https://www.uiguides.com/compare/justinmind-vs-axure): Both are enterprise prototyping tools for complex interactions. Axure has the larger community, better documentation, and a longer track record.
- [Linear vs Jira for Design Teams: Speed Wins](https://www.uiguides.com/compare/linear-vs-jira-for-design-teams): Designers prefer Linear almost without exception. Jira wins in large enterprise contexts where engineering already chose it. Here's how to navigate both.
- [Linear vs Notion for Product Teams: Which One Wins?](https://www.uiguides.com/compare/linear-vs-notion): Linear is a purpose-built issue tracker. Notion is flexible but requires setup. For design-engineering teams tracking product work, here's which one to use.
- [Lovable vs Bolt.new: Which AI App Generator Is Better?](https://www.uiguides.com/compare/lovable-vs-bolt): Both generate full apps from prompts. Lovable ships better; Bolt.new ships faster. Here's how to choose.
- [Lunacy vs Figma: Free and Fast vs Everything Else](https://www.uiguides.com/compare/lunacy-vs-figma): Lunacy is genuinely free and runs natively on Windows, Mac, and Linux. Figma wins on collaboration and ecosystem. Here's who should seriously consider Lunacy.
- [Lyssna vs Maze: Maze Is the More Complete Research Tool](https://www.uiguides.com/compare/lyssna-vs-maze): Maze handles prototype testing and Figma integration better. Lyssna is the pick for quick preference tests and first-click studies, but Maze covers more ground.
- [Marvel vs Figma: Simple Wins, Until It Doesn't](https://www.uiguides.com/compare/marvel-vs-figma): Marvel is the simplest path to a clickable prototype. Figma does everything Marvel does plus full UI design. Here's when Marvel's simplicity is actually an advantage.
- [Marvel vs ProtoPie: Click-Through Prototyping vs Real Interactions](https://www.uiguides.com/compare/marvel-vs-protopie): Marvel handles quick click-through demos. ProtoPie handles complex interactive prototypes. They're not competing for the same users.
- [Maze vs Hotjar: Before Launch vs After Launch](https://www.uiguides.com/compare/maze-vs-hotjar): Maze tests prototypes before launch. Hotjar analyzes real users on live products. Most teams need Hotjar first — here's why.
- [Maze vs UserTesting: Which User Research Tool Should You Use?](https://www.uiguides.com/compare/maze-vs-usertesting): Maze is built for designers and PMs running quick unmoderated tests. UserTesting is enterprise-grade. Here's how to pick the right one for your team size and budget.
- [Miro vs FigJam: One Stands Alone, One Needs Figma](https://www.uiguides.com/compare/miro-vs-figjam): FigJam is great if your team already uses Figma. Miro is the better standalone whiteboard. Here's how to decide which fits your team in 2026.
- [Miro vs MURAL for Workshops: Which Whiteboard Wins?](https://www.uiguides.com/compare/miro-vs-mural-for-workshops): Both are enterprise whiteboard tools. Miro is better for most design teams. MURAL is better for dedicated workshop facilitators. Here's the full breakdown.
- [Miro vs Whimsical: Which Whiteboard Tool Is Right for You?](https://www.uiguides.com/compare/miro-vs-whimsical): Whimsical is faster and cleaner. Miro is more powerful. The right choice depends entirely on how you work and who's on your team.
- [Mural vs Miro: Which Visual Collaboration Tool Wins?](https://www.uiguides.com/compare/mural-vs-miro): Both are enterprise whiteboard tools. Miro has the larger community, better templates, and stronger integrations. Here's where Mural still holds its own.
- [Notion vs Confluence for Design Teams: The Honest Take](https://www.uiguides.com/compare/notion-vs-confluence-for-design-teams): Designers almost universally prefer Notion. Confluence wins in specific enterprise contexts. Here's when each is actually the right call.
- [Optimal Workshop vs Maze: Maze Covers More Ground](https://www.uiguides.com/compare/optimal-workshop-vs-maze): Optimal Workshop is the specialist for information architecture research. Maze is the better all-around research platform, but IA teams should stick with Optimal.
- [Proto.io vs ProtoPie: ProtoPie's Interactions Are in a Different League](https://www.uiguides.com/compare/proto-io-vs-protopie): Proto.io is simpler to learn but feels dated. ProtoPie's sensor-based interaction model is far more powerful for realistic, high-fidelity prototypes.
- [ProtoPie vs Figma for Prototyping: When Good Enough Isn't](https://www.uiguides.com/compare/protopie-vs-figma-for-prototyping): Figma's prototyping handles most cases. ProtoPie handles the rest. Here's exactly where the line is.
- [ProtoPie vs Principle: One Moved Forward, One Didn't](https://www.uiguides.com/compare/protopie-vs-principle): Both tools specialize in high-fidelity interaction prototyping. But ProtoPie is cross-platform and actively developed. Principle is Mac-only and stagnating.
- [Relume AI vs Webflow: Are They Even Competing?](https://www.uiguides.com/compare/relume-ai-vs-webflow): Relume generates wireframes that export to Webflow. They're not competitors — but the comparison still matters if you're deciding whether Relume is worth the cost.
- [Rive vs LottieFiles: Rive Does What Lottie Can't](https://www.uiguides.com/compare/rive-vs-lottiefiles): LottieFiles is great for simple playback animations. Rive adds interactivity, state machines, and real-time control. For modern UI animation, Rive is the clear winner.
- [Sketch vs Adobe XD: Two Underdogs, One Still Breathing](https://www.uiguides.com/compare/sketch-vs-adobe-xd): Both Sketch and Adobe XD lost to Figma, but between these two, one still has an active development team. Here's the comparison for 2026.
- [Sketch vs Figma for Mac Users: The Honest Comparison](https://www.uiguides.com/compare/sketch-vs-figma-for-mac-users): Sketch has a real advantage on Mac — native performance, offline access, lower price. But Figma still wins for most Mac users. Here's the full breakdown.
- [Sketch vs Penpot: Which Figma Alternative Is Worth It?](https://www.uiguides.com/compare/sketch-vs-penpot): Sketch and Penpot are both Figma alternatives — but they serve very different designers. Here's which one to pick.
- [Spline vs Rive: Rive Wins for UI Animation](https://www.uiguides.com/compare/spline-vs-rive): Spline is the better 3D tool. Rive is the better animation tool. For most product teams, Rive's interactive UI animations matter more.
- [Squarespace vs Framer: Framer Is the Designer's Choice](https://www.uiguides.com/compare/squarespace-vs-framer): Squarespace wins on simplicity and e-commerce. Framer wins on animation, design control, and everything else designers care about.
- [Squarespace vs Webflow: Webflow Gives You Real Control](https://www.uiguides.com/compare/squarespace-vs-webflow): Squarespace is simpler. Webflow gives designers the control they actually want. If you care about design quality, Webflow is the pick.
- [Storybook vs Figma for Design Systems: You Need Both](https://www.uiguides.com/compare/storybook-vs-figma-for-design-systems): Figma and Storybook serve different sides of a design system. Teams that try to replace one with the other end up with a gap.
- [Storybook vs Zeroheight: Which Design System Docs Tool Wins?](https://www.uiguides.com/compare/storybook-vs-zeroheight): Storybook is free and developer-owned. Zeroheight is designer-friendly and costs $149/mo+. The right tool depends on who runs your design system.
- [Supernova vs Zeroheight: Zeroheight Is Easier to Get Running](https://www.uiguides.com/compare/supernova-vs-zeroheight): Both document design systems. Zeroheight is more mature and has tighter Figma integration. Supernova has more automation but a steeper setup.
- [Untitled UI vs Magic UI: Designer Tool vs Developer Library](https://www.uiguides.com/compare/untitled-ui-vs-magic-ui): Untitled UI is a Figma UI kit. Magic UI is a React component library. They're solving the same problem from opposite ends of the workflow.
- [UX Pilot vs Uizard: AI Design Tools for Different Users](https://www.uiguides.com/compare/ux-pilot-vs-uizard): Both use AI to generate UI screens from prompts. UX Pilot produces higher-quality output and integrates with Figma. Uizard is better for non-designers starting from scratch.
- [UXPin vs Zeplin: Design + Handoff vs Handoff Only](https://www.uiguides.com/compare/uxpin-vs-zeplin): Zeplin is a handoff tool. UXPin is a design tool with handoff built in. Here's how to know which one you actually need.
- [v0 vs Lovable: Different Tools, Different Jobs](https://www.uiguides.com/compare/v0-vs-lovable): v0 generates components. Lovable generates apps. Picking the wrong one costs you hours — here's how to pick the right one.
- [Webflow vs Framer for Portfolio Sites: Framer Wins](https://www.uiguides.com/compare/webflow-vs-framer-for-portfolios): Webflow is technically more powerful. Framer makes better portfolios. Here's why the technically stronger tool loses this one.
- [Webflow vs WordPress for Designers: The Honest Comparison](https://www.uiguides.com/compare/webflow-vs-wordpress-for-designers): WordPress runs 40% of the internet, but that doesn't make it the right choice for designers building custom sites.
- [Website Builder Comparison Chart](https://www.uiguides.com/compare/website-builder-comparison-chart): Quick reference comparison of Webflow, Framer, Squarespace, and Wix Studio. Side-by-side pricing, features, learning curve, and best use cases.
- [Wix Studio vs Squarespace: Squarespace Looks Better Out of the Box](https://www.uiguides.com/compare/wix-studio-vs-squarespace): Wix Studio offers more design flexibility, but Squarespace's templates are more polished and the final output feels more refined for most sites.
- [Wix Studio vs Webflow: Webflow Still Wins Where It Counts](https://www.uiguides.com/compare/wix-studio-vs-webflow): Wix Studio is catching up fast, but Webflow's clean code output, CMS power, and professional ecosystem keep it ahead for serious web projects.
- [Zeplin vs Figma Dev Mode: Do You Still Need Zeplin?](https://www.uiguides.com/compare/zeplin-vs-figma-dev-mode): Figma Dev Mode does most of what Zeplin used to do — and it's included in your Figma plan. Here's when Zeplin is still worth keeping.
- [Zeplin vs Zeroheight: Handoff Tool or Documentation Platform?](https://www.uiguides.com/compare/zeplin-vs-zeroheight): Zeplin is built for screen-by-screen developer handoff. Zeroheight is built for design system documentation. They solve different problems — here's how to pick the right one.

## Best-of Guides

- [Best AI Tools for UI Design in 2026](https://www.uiguides.com/best/best-ai-tools-for-ui-design): The top AI tools for UI designers ranked — from Figma-native generation to full app builders. Includes exact pricing and who each tool is actually for.
- [Best AI Website Builders in 2026](https://www.uiguides.com/best/best-ai-website-builders): The best AI-powered tools for building websites and apps, from component generators to full-stack app builders.
- [Best Design Tools for Developers in 2026](https://www.uiguides.com/best/best-design-tools-for-developers): The best design tools for developers in 2026 — covering AI UI generation, code-assisted design, component inspection, and pre-built component libraries.
- [Best Design Tools for Windows in 2026](https://www.uiguides.com/best/best-design-tools-for-windows): The best UI design tools for Windows users — ranked. Sketch and Principle are Mac-only. Here's what actually works well on Windows in 2026.
- [Best Figma Alternatives in 2026](https://www.uiguides.com/best/best-figma-alternatives): The best Figma alternatives ranked honestly — from open-source to Mac-native to legacy tools. What each one actually offers versus Figma in 2026.
- [Best Figma Plugins in 2026](https://www.uiguides.com/best/best-figma-plugins): The best Figma plugins in 2026 — covering image sourcing, accessibility, design tokens, icons, realistic content, layer management, and code export.
- [Best Free Design Tools in 2026](https://www.uiguides.com/best/best-free-design-tools): The best free design tools in 2026 — covering tools with genuinely useful free plans and fully free tools with no paywalls at all.
- [Best Free Prototyping Tools in 2026](https://www.uiguides.com/best/best-free-prototyping-tools): The best prototyping tools you can use without paying — ranked by how much you actually get for free. No bait-and-switch free trials included.
- [Best Illustrator Alternatives for UI Design in 2026](https://www.uiguides.com/best/best-illustrator-alternatives-for-ui): The best alternatives to Illustrator for UI and icon design. From free tools to Figma's built-in vectors, here's what actually works.
- [Best No-Code Website Builders for Designers in 2026](https://www.uiguides.com/best/best-no-code-website-builders-for-designers): The best no-code site builders for designers who want real control — ranked. Webflow, Framer, Relume, and Canva Sites compared with honest tradeoffs.
- [Best Photoshop Alternatives for UI Design in 2026](https://www.uiguides.com/best/best-photoshop-alternatives-for-ui-design): The best alternatives to Photoshop for UI design work. Purpose-built tools that handle interfaces better than Photoshop ever did.
- [Best Prototyping Tools for Beginners in 2026](https://www.uiguides.com/best/best-prototyping-tools-for-beginners): The best prototyping tools if you're just starting out — ranked by ease of use, free plan quality, and how quickly you can go from idea to clickable prototype.
- [Best Prototyping Tools in 2026](https://www.uiguides.com/best/best-prototyping-tools): Ranked prototyping tools for UI designers — from Figma's built-in flows to ProtoPie's sensor-driven interactions. Exact pricing, honest tradeoffs.
- [Best Tools for Accessibility Testing in 2026](https://www.uiguides.com/best/best-tools-for-accessibility-testing): The best accessibility testing tools for designers — ranked. Covers contrast checking, a11y annotations, prototype testing with real users, and live-site audits.
- [Best Tools for Advanced Prototyping in 2026](https://www.uiguides.com/best/best-tools-for-advanced-prototyping): The best prototyping tools for designers who need more than Figma — ranked by interaction fidelity, learning curve, and what each tool actually does better.
- [Best Animation Tools for UI Design in 2026](https://www.uiguides.com/best/best-tools-for-animation): The top tools for adding motion to your UI, from production-ready interactive animations to lightweight vector effects and 3D scenes.
- [Best Tools for Color Palettes in 2026](https://www.uiguides.com/best/best-tools-for-color-palettes): The best tools for generating color palettes, checking contrast ratios, and building accessible color systems for your designs.
- [Best Tools for Design Collaboration in 2026](https://www.uiguides.com/best/best-tools-for-design-collaboration): The tools that make design teams work well together — ranked. Covers the full collaboration stack from design files to async workshops to documentation.
- [Best Tools for Design Handoff in 2026](https://www.uiguides.com/best/best-tools-for-design-handoff): The best design handoff tools in 2026 — from Figma Dev Mode to Zeplin, Zeroheight, UXPin, and Storybook, ranked by use case and team size.
- [Best Tools for Design Inspiration in 2026](https://www.uiguides.com/best/best-tools-for-design-inspiration): The top tools for finding UI patterns, design references, and competitive research to fuel your design process.
- [Best Tools for Design Systems in 2026](https://www.uiguides.com/best/best-tools-for-design-systems): The tools that make up a modern design system toolchain — ranked. Covers the design layer, code layer, documentation, and open-source alternatives.
- [Best Design-to-Code Tools in 2026](https://www.uiguides.com/best/best-tools-for-design-to-code): The top tools for turning design files into production code, from Figma plugins to AI generators and component documentation platforms.
- [Best Tools for Design Tokens in 2026](https://www.uiguides.com/best/best-tools-for-design-tokens): The best tools for managing design tokens across design and code — ranked. Covers Figma variables, Storybook, Zeroheight, Penpot, and Zeplin.
- [Best Tools for Enterprise UX in 2026](https://www.uiguides.com/best/best-tools-for-enterprise-ux): The best UX tools for enterprise teams in 2026 — covering design at scale, complex interaction documentation, real-component design, system docs, and research.
- [Best Tools for Freelance Designers in 2026](https://www.uiguides.com/best/best-tools-for-freelance-designers): The best tools for freelance designers in 2026 — covering client work, proposals, site building, and quick asset creation.
- [Best Tools for Mobile App Design in 2026](https://www.uiguides.com/best/best-tools-for-mobile-app-design): The best tools for designing mobile apps in 2026 — covering UI design, realistic interactions, iOS-specific animation, and developer handoff.
- [Best Tools for Product Managers in 2026](https://www.uiguides.com/best/best-tools-for-product-managers): The best design and product tools for product managers in 2026 — covering documentation, sprint planning, design review, roadmapping, and usability validation.
- [Best Tools for Remote Design Teams in 2026](https://www.uiguides.com/best/best-tools-for-remote-design-teams): The best tools for remote-first design teams — ranked. The full stack from design files to async workshops to documentation and issue tracking.
- [Best Tools for Startups in 2026](https://www.uiguides.com/best/best-tools-for-startups): The best design and product tools for early-stage startups — ranked by value, free plan quality, and how well they scale with your team.
- [Best Tools for Unmoderated User Testing in 2026](https://www.uiguides.com/best/best-tools-for-unmoderated-testing): The top platforms for running remote unmoderated usability tests, from prototype testing to card sorting and heatmap analysis.
- [Best Tools for User Research in 2026](https://www.uiguides.com/best/best-tools-for-user-research): The best user research tools ranked — from live-site behavior analytics to prototype testing to moderated sessions. Exact pricing and when to use each.
- [Best Tools for UX Beginners in 2026](https://www.uiguides.com/best/best-tools-for-ux-beginners): The best tools if you're new to UX in 2026 — covering UI design, user journey mapping, research documentation, usability testing, and quick mockups.
- [Best Tools for UX Documentation in 2026](https://www.uiguides.com/best/best-tools-for-ux-documentation): The best tools for UX documentation in 2026 — covering team wikis, design system docs, component references, design annotations, and visual journey maps.
- [Best Tools for Web Design in 2026](https://www.uiguides.com/best/best-tools-for-web-design): The best web design tools in 2026 — from designing UIs and handing off to developers, to building and publishing sites directly without writing code.
- [Best UI Design Tools for Beginners in 2026](https://www.uiguides.com/best/best-ui-design-tools-for-beginners): The best UI design tools if you're just starting out — ranked by ease of learning, free plan quality, and job market demand.
- [Best UI Design Tools for Teams in 2026](https://www.uiguides.com/best/best-ui-design-tools-for-teams): The best UI design tools for teams — ranked by collaboration quality, handoff workflow, and total cost. From startups to enterprise design orgs.
- [Best UX Research Tools in 2026](https://www.uiguides.com/best/best-ux-research-tools): The best UX research tools in 2026 — covering prototype testing, live-site analytics, moderated sessions, research synthesis, and documentation.
- [Best Wireframing Tools in 2026](https://www.uiguides.com/best/best-wireframing-tools): The best wireframing tools ranked — from quick rough sketches to high-fidelity annotated specs. Covers Figma, Balsamiq, Whimsical, Axure, and UXPin.
- [Best Public Design Systems to Study](https://www.uiguides.com/best/design-system-examples): Seven publicly available design systems worth studying — what makes each one notable, what you can learn from it, and why these are the references that keep appearing in design system work.
- [Best Free Resources for Learning Figma](https://www.uiguides.com/best/figma-resources-for-beginners): The best free resources for learning Figma from scratch — covering official resources, YouTube channels, community practice files, and what skill each one actually builds.
- [Best Free Figma Templates](https://www.uiguides.com/best/free-figma-templates): A curated list of the best free Figma templates by category — UI kits, wireframe kits, icon sets, mockups, and design system starters available in the Figma Community.
- [Best Icon Sets for UI Designers](https://www.uiguides.com/best/icon-sets-for-ui-design): The best icon sets for UI design — covering style, license, Figma availability, and which to choose for different project types and visual styles.

## Tool Reviews

- [Adobe XD Review 2026: A Tool on Life Support](https://www.uiguides.com/tools/adobe-xd-review): Honest Adobe XD review: effectively discontinued since 2022 with no active development. Existing CC users can keep it, but new users should look elsewhere.
- [Affinity Designer Review 2026: Professional Vectors Without the Adobe Tax](https://www.uiguides.com/tools/affinity-designer-review): Honest Affinity Designer review. A capable Illustrator alternative with a one-time price. Where it excels, where Illustrator still leads, and who should switch.
- [Affinity Photo Review 2026: The Best Photoshop Alternative, Now Free](https://www.uiguides.com/tools/affinity-photo-review): Honest Affinity Photo review. Professional image editing at a one-time price (or free for v1). Where it matches Photoshop and where it falls short.
- [Anima Review 2026: Design to Code That's Getting Closer](https://www.uiguides.com/tools/anima-review): Honest Anima review: Figma plugin that generates React, Vue, and HTML from designs. Better than copying CSS, but still needs developer review.
- [Awwwards Review 2026: The Best Source for Web Design Inspiration](https://www.uiguides.com/tools/awwwards-review): Honest Awwwards review covering its curated web design gallery, jury scoring system, and why it remains the gold standard for website inspiration.
- [Axure Review 2026: The Most Powerful Prototyping Tool (If You Can Master It)](https://www.uiguides.com/tools/axure-review): Axure is the gold standard for complex enterprise UX prototyping. Conditional logic, dynamic panels, repeaters — but expect a steep learning curve and $25-42/month.
- [Balsamiq Review 2026: The Intentionally Ugly Wireframing Tool](https://www.uiguides.com/tools/balsamiq-review): Honest Balsamiq review: the sketchy aesthetic is a deliberate feature that changes stakeholder behavior. It does one thing well — here's who needs it.
- [Behance Review 2026: Adobe's Creative Showcase for Design Inspiration](https://www.uiguides.com/tools/behance-review): Honest Behance review covering its massive project library, Adobe integration, and how it compares to Dribbble for finding design inspiration.
- [Bolt Review 2026: AI Code Generation That's Almost Ready](https://www.uiguides.com/tools/bolt-review): Honest Bolt review: impressive AI-powered full-stack app generation from StackBlitz. Fast prototyping, but generated code still needs human cleanup.
- [Canva Review 2026: The Design Tool That Non-Designers Actually Use](https://www.uiguides.com/tools/canva-review): Canva makes visual design accessible to everyone. Free to start, $120/year for Pro. Best for marketing teams, content creators, and non-designers who need polished output without learning a design tool.
- [Coolors Review 2026: The Best Free Color Tool for Designers](https://www.uiguides.com/tools/coolors-review): Honest Coolors review: fast palette generation, accessibility checking, and flexible exports, with a generous free tier and minimal friction.
- [Cursor Review 2026: The AI Code Editor That Actually Understands Your Codebase](https://www.uiguides.com/tools/cursor-review): Cursor is the best AI-powered code editor. Built on VS Code, adds AI that reads your entire codebase. Free plan available, Pro at $20/month. Here's what makes it different.
- [Dovetail Review 2026: The Research Repository Your Team Actually Needs](https://www.uiguides.com/tools/dovetail-review): Honest Dovetail review: the best tool for organizing and analyzing qualitative research at scale, with AI tagging and video transcription.
- [Dribbble Review 2026: Still the Go-To for Design Inspiration?](https://www.uiguides.com/tools/dribbble-review): Honest Dribbble review covering its strengths as a visual inspiration platform, its limitations for real-world UI research, and whether Pro is worth it.
- [FigJam Review 2026: The Whiteboard That Lives Inside Your Figma Workflow](https://www.uiguides.com/tools/figjam-review): FigJam is Figma's online whiteboard — free to start, $3/editor/month for Pro. Best for design teams already in Figma who want brainstorming and ideation without switching apps.
- [Figma Make Review 2026: A Functional Prototyping Tool, Not an App Builder](https://www.uiguides.com/tools/figma-make-review): Figma Make generates working React apps from prompts or existing Figma designs. It's genuinely useful for demos and testing — but the output isn't production code, and it won't replace Lovable or Bolt for building real products.
- [Figma Review 2026: Still the Best UI Design Tool?](https://www.uiguides.com/tools/figma-review): An honest Figma review covering features, pricing, performance, and whether it's worth the subscription in 2026.
- [Framer Review 2026: Stunning Websites, Wrong Tool for App Design](https://www.uiguides.com/tools/framer-review): Honest Framer review: world-class animation and publishing in one tool — but it's a website builder, not a UI design tool. Know what you're buying.
- [FullStory Review 2026: Enterprise Session Replay That Costs Like It](https://www.uiguides.com/tools/fullstory-review): FullStory captures every user interaction automatically and uses AI to surface insights. Powerful, but the pricing is enterprise-only. Here's the honest breakdown.
- [Galileo AI Review 2026: Impressive Demos, Incomplete Reality](https://www.uiguides.com/tools/galileo-ai-review): Honest Galileo AI review: text-to-UI generation that produces stunning mockups but can't replace a designer's judgment or workflow.
- [Google Stitch Review 2026: Google's AI App Builder Is Free, But Early](https://www.uiguides.com/tools/google-stitch-review): Google Stitch generates app prototypes from text prompts and exports code. It's free and surprisingly capable, but still rough around the edges.
- [Hotjar Review 2026: The Standard for Understanding What Users Actually Do](https://www.uiguides.com/tools/hotjar-review): Hotjar offers heatmaps, session recordings, and feedback surveys to show how users behave on your live product. Free plan exists. Plus at $32/month. Here's the honest breakdown.
- [Illustrator Review 2026: Where It Fits in a UI Design Workflow](https://www.uiguides.com/tools/illustrator-review): Honest Illustrator review for UI designers. Best-in-class vector tool, but not a UI design tool. Here's where it makes sense and where it doesn't.
- [InVision Review 2026: A Prototyping Pioneer That Has Shut Down](https://www.uiguides.com/tools/invision-review): InVision, once the industry standard for prototyping and design collaboration, shut down its services in January 2025. Here's what happened and where to go instead.
- [Justinmind Review 2026: Enterprise Prototyping That Refuses to Modernize](https://www.uiguides.com/tools/justinmind-review): Honest Justinmind review: powerful conditional logic and data-driven prototypes held back by a dated interface and steep learning curve.
- [Linear Review 2026: The Issue Tracker That Makes Every Other Tracker Feel Slow](https://www.uiguides.com/tools/linear-review): Linear is the fastest, most opinionated issue tracker for product teams. Free for small teams, Standard at $8/month. Keyboard-first, cycles, projects — here's the full picture.
- [LottieFiles Review 2026: Lightweight Animations Done Right](https://www.uiguides.com/tools/lottiefiles-review): Honest LottieFiles review: the best marketplace and editor for lightweight vector animations. Tiny file sizes, huge library, but limited interactivity.
- [Lovable Review 2026: The Most Complete AI App Generator](https://www.uiguides.com/tools/lovable-review): Lovable turns a description into a working Next.js app with database, auth, and deployment. Free plan is limited. Starter at $20/month. Best for MVPs and idea validation.
- [Lunacy Review 2026: The Free Figma Alternative That Actually Works Offline](https://www.uiguides.com/tools/lunacy-review): Lunacy is a fully free design tool for Mac, Windows, and Linux with offline support and built-in assets. Best for solo designers, Windows users, and anyone who needs Figma without the cost.
- [Lyssna Review 2026: Quick Tests, Quick Answers, Clear Limits](https://www.uiguides.com/tools/lyssna-review): Honest Lyssna review: fast unmoderated user tests for design validation, with a simple interface and shallow depth.
- [Magic UI Review 2026: Animated React Components for Design Engineers](https://www.uiguides.com/tools/magic-ui-review): Magic UI is a collection of animated React components for landing pages and marketing sites. Free for basic access, $149 one-time for Pro. Best for developers who want polished motion without building it from scratch.
- [Marvel Review 2026: Simple Prototyping for Designers Who Don't Need the Complex Stuff](https://www.uiguides.com/tools/marvel-review): Marvel makes it easy to turn static screens into clickable prototypes. Free for one project, $12/month for Pro. Best for quick client presentations and beginner designers.
- [Maze Review 2026: Prototype Testing That Gives You Real Numbers](https://www.uiguides.com/tools/maze-review): Maze connects to Figma prototypes, defines tasks, and collects task completion rates, time-on-task, and click maps. Free plan (1 study/month). Starter at $99/month.
- [Miro Review 2026: The Standard Whiteboard for Design Teams](https://www.uiguides.com/tools/miro-review): Honest Miro review: excellent templates, reliable real-time collaboration, and the best tool for distributed design teams — with caveats on pricing and clutter.
- [Mobbin Review 2026: The Design Reference Tool You Will Actually Use](https://www.uiguides.com/tools/mobbin-review): Honest Mobbin review: the best curated library of real app screenshots, filterable by screen type, flow, and industry.
- [Mural Review 2026: A Solid Enterprise Whiteboard, But Miro Is Still Better](https://www.uiguides.com/tools/mural-review): Mural has strong facilitation features and enterprise security credentials. But Miro has more templates, a better free plan, and a more intuitive interface. Here's when Mural wins.
- [Notion Review 2026: The Flexible Workspace That Replaced Confluence for Us](https://www.uiguides.com/tools/notion-review): Notion is the best flexible workspace for design teams — docs, wikis, databases, and project tracking in one place. Free plan is generous. Plus at $8/month per user.
- [Optimal Workshop Review 2026: The Best Tool for Information Architecture Research](https://www.uiguides.com/tools/optimal-workshop-review): Honest Optimal Workshop review: the go-to platform for card sorting, tree testing, and IA research, with a dated UI and narrow focus.
- [Overflow Review 2026: The Best User Flow Tool You Might Not Need](https://www.uiguides.com/tools/overflow-review): Honest Overflow review: beautifully polished user flow diagrams that import from Figma and Sketch, but the narrow focus limits its value.
- [Penpot Review 2026: The Best Free Figma Alternative Is Getting Serious](https://www.uiguides.com/tools/penpot-review): Honest Penpot review: open-source, browser-based, with real auto layout and dev mode. The Figma gap is closing — here's where it still falls short.
- [Photoshop Review 2026: Still Relevant for UI Designers?](https://www.uiguides.com/tools/photoshop-review): Honest Photoshop review for UI designers. Where it still makes sense, where Figma wins, and whether Creative Cloud is worth it for interface work.
- [Polypane Review 2026: The Browser Built for Developers Who Care About Quality](https://www.uiguides.com/tools/polypane-review): Honest Polypane review: a purpose-built browser for responsive development, accessibility testing, and meta tag previews.
- [Principle Review 2026: The Mac-Only Tool for Designers Who Take Animation Seriously](https://www.uiguides.com/tools/principle-review): Principle is a one-time $129 purchase for Mac. It produces the most convincing micro-interaction prototypes available in any design tool — but only if you're on Mac and focused on animation.
- [Proto.io Review 2026: Mobile Prototyping Stuck in 2020](https://www.uiguides.com/tools/proto-io-review): Honest Proto.io review: decent mobile prototyping with native gesture support, but the platform feels stale next to Figma and ProtoPie.
- [ProtoPie Review 2026: The Best Tool for Complex Interactions](https://www.uiguides.com/tools/protopie-review): Honest ProtoPie review: the deepest interaction design tool available. Real learning curve, real results — nothing else matches it for complex prototypes.
- [Relume AI Review 2026: From Sitemap to Figma Wireframe in Minutes](https://www.uiguides.com/tools/relume-review): Relume AI generates website sitemaps and wireframes using AI, then exports to Figma or Webflow. Starts at $38/month. Best for agencies and freelancers building client websites who want to cut early-stage work drastically.
- [Rive Review 2026: The Best Tool for Shipping Interactive Animations](https://www.uiguides.com/tools/rive-review): Honest Rive review: production-quality interactive animations used by Google and Duolingo. Steeper learning curve, but nothing else matches the output.
- [Sketch Review 2026: Still Worth It for Mac Designers?](https://www.uiguides.com/tools/sketch-review): An honest Sketch review: fast native performance, mature Symbols, and $10/mo pricing — but Mac-only and losing mindshare to Figma.
- [Spline Review 2026: 3D for the Web Without the Blender Learning Curve](https://www.uiguides.com/tools/spline-review): Honest Spline review: the easiest way to add interactive 3D to websites. Great for product mockups, limited for production 3D work.
- [Squarespace Review 2026: Beautiful Templates, Limited Freedom](https://www.uiguides.com/tools/squarespace-review): Honest Squarespace review: the best-looking templates of any website builder, but design flexibility hits a wall fast.
- [Stark Review 2026: Accessibility Checking Built Into Your Design Tool](https://www.uiguides.com/tools/stark-review): Stark runs accessibility checks directly in Figma, Sketch, and your browser. Free tier available, $99/year for Pro. Best for designers who want to catch contrast, color blindness, and WCAG issues without switching tools.
- [Storybook Review 2026: The Developer's Source of Truth for UI Components](https://www.uiguides.com/tools/storybook-review): Storybook is a free, open-source tool for building and documenting UI components in isolation. Best for frontend teams that want a living component library separate from the full application.
- [Supernova Review 2026: Design System Documentation for Serious Teams](https://www.uiguides.com/tools/supernova-review): Honest Supernova review: powerful platform for documenting design systems with automatic Figma sync. Excellent output, but complex setup and enterprise pricing.
- [Uizard Review 2026: The AI Design Tool Built for Non-Designers](https://www.uiguides.com/tools/uizard-review): Honest Uizard review: the best AI design tool for PMs, founders, and marketers. For actual designers, the output quality falls short — here's the real breakdown.
- [Untitled UI Review 2026: The Most Comprehensive UI Kit for Figma](https://www.uiguides.com/tools/untitled-ui-review): Untitled UI is a massive Figma UI kit with 5,000+ components built on a complete design system. One-time purchase from $149. Best for designers who want a professional starting point rather than building from scratch.
- [UserTesting Review 2026: Enterprise-Grade User Research With a Price to Match](https://www.uiguides.com/tools/usertesting-review): UserTesting is the leading platform for moderated and unmoderated remote user research. Custom pricing only. Best for enterprise teams that need access to a large, screened participant panel.
- [UX Pilot Review 2026: The Best AI Tool for Generating Real UI](https://www.uiguides.com/tools/ux-pilot-review): Honest UX Pilot review: the highest-quality AI UI generation available, with a Figma plugin that exports editable layers. Not zero-effort, but closer than anything else.
- [UXPin Review 2026: The Prototyping Tool That Uses Real Code](https://www.uiguides.com/tools/uxpin-review): UXPin lets you design with actual React components instead of static mockups. Starts at $19/month. Best for teams bridging the gap between design and production code.
- [v0 Review 2026: The Best AI Tool for Generating React UI Components](https://www.uiguides.com/tools/v0-review): v0 by Vercel generates working shadcn/Tailwind React components from a text prompt. Free plan available, Premium at $20/month. Here's what it's actually good for.
- [Webflow Review 2026: The Designer's Website Builder, With Real Tradeoffs](https://www.uiguides.com/tools/webflow-review): Honest Webflow review: unmatched design control and a powerful CMS, but the learning curve is steep and pricing escalates fast for client work.
- [Whimsical Review 2026: The Fastest Flowchart Tool You'll Actually Use](https://www.uiguides.com/tools/whimsical-review): Whimsical is the fastest tool for diagrams and wireframes. $10/month for Pro. Best used alongside Figma for early-stage planning — not a full design replacement.
- [Wix Studio Review 2026: Wix Grows Up, Sort Of](https://www.uiguides.com/tools/wix-studio-review): Honest Wix Studio review: a serious attempt at a professional website builder for agencies, still weighed down by Wix's legacy.
- [WordPress Review 2026: Still Everywhere, Still Complicated](https://www.uiguides.com/tools/wordpress-review): WordPress powers 40%+ of the web. It's flexible, mature, and plugin-rich. But for designers, it's often more friction than it's worth.
- [Zeplin Review 2026: The Design Handoff Tool That Developers Actually Like](https://www.uiguides.com/tools/zeplin-review): Zeplin bridges the gap between design files and code. Free for one project, $6/member/month for Starter. Best for teams that need accurate, documented developer handoff.
- [Zeroheight Review 2026: The Standard for Design System Documentation](https://www.uiguides.com/tools/zeroheight-review): Zeroheight turns your Figma components into living documentation. Starts at $149/month. Best for design teams that need a single source of truth for their design system — beyond what Storybook or Figma alone can provide.

## Guides

- [Accessibility Guide for UI Designers: WCAG, Contrast, and Practical Fixes](https://www.uiguides.com/guides/accessibility-guide-for-ui-designers): A practical accessibility guide for UI designers — WCAG 2.1 AA basics, contrast ratios, focus states, touch targets, screen readers, and using Stark in Figma to audit your designs.
- [Animation Resources for UI Design](https://www.uiguides.com/guides/animation-resources-for-ui-design): Curated list of animation resources for UI designers: libraries, community files, tutorials, and inspiration sites for Lottie, Rive, GSAP, and CSS animations.
- [Color Theory for UI Designers: What Actually Matters](https://www.uiguides.com/guides/color-theory-for-ui-designers): Skip the art school theory. Learn the 60-30-10 rule, how to build a color scale, semantic color roles, WCAG contrast requirements, and accessible pairings for UI design.
- [Design Thinking Explained for Practitioners](https://www.uiguides.com/guides/design-thinking-explained): What design thinking actually is, how to apply its five stages with real tools, when it's useful vs overkill, and the misconceptions that make teams do it badly.
- [Design Tokens Explained: What They Are and How to Use Them](https://www.uiguides.com/guides/design-tokens-explained): Learn what design tokens are, the difference between primitive and semantic tokens, and how to set up a token chain from Figma Variables to code.
- [Figma Keyboard Shortcuts That Actually Speed Up Your Workflow](https://www.uiguides.com/guides/figma-keyboard-shortcuts): The Figma shortcuts worth memorizing — selection, editing, text, view, auto layout, and prototyping. Focused on speed, not an exhaustive list.
- [Figma vs Sketch for Beginners: Which Should You Learn?](https://www.uiguides.com/guides/figma-vs-sketch-for-beginners): If you're just starting out in UI design, here's the direct answer: learn Figma. Here's why — and what role Sketch might play later in your career.
- [Font Resources for UI Designers](https://www.uiguides.com/guides/font-resources-for-ui-design): Where to find fonts for UI design — covering Google Fonts, Inter, Geist, FontSource, font pairing guidance, and when to use system fonts instead of custom ones.
- [Grid Systems for UI Design](https://www.uiguides.com/guides/grid-systems-for-ui-design): A practical guide to grid systems — covering the 8pt grid, 12-column web layouts, 4-column mobile, baseline grids, setting up grids in Figma, and reusable grid styles.
- [How to Add Animation to UI](https://www.uiguides.com/guides/how-to-add-animation-to-ui): A practical guide to adding animation to UI designs. Covers core principles like easing and timing, the best tools for the job, and when motion helps vs. hurts UX.
- [How to Annotate Designs for Developer Handoff](https://www.uiguides.com/guides/how-to-annotate-designs): A practical guide to design annotations — what to document, how to set up an annotation layer convention in Figma, and what developers actually need from your specs.
- [How to Build a Component Library in Figma](https://www.uiguides.com/guides/how-to-build-a-component-library-in-figma): Step-by-step guide to building a Figma component library — naming conventions, variants, component properties, nesting, and publishing to a team.
- [How to Build a Design Portfolio That Gets You Hired](https://www.uiguides.com/guides/how-to-build-a-design-portfolio): Learn what hiring managers actually look for in design portfolios — case study structure, common mistakes to avoid, how many projects to show, and where to host your work.
- [How to Build a Research Repository](https://www.uiguides.com/guides/how-to-build-a-research-repository): How to set up a centralized UX research repository for your team. Covers structure, tagging systems, templates, and tools like Dovetail, Notion, and Miro.
- [How to Build a SaaS Landing Page That Converts](https://www.uiguides.com/guides/how-to-build-a-saas-landing-page): A practical guide to designing high-converting SaaS landing pages — covering anatomy, hierarchy, CTAs, and the Figma-to-Webflow or Framer workflow.
- [How to Build a UI Kit in Figma](https://www.uiguides.com/guides/how-to-build-a-ui-kit): Step-by-step guide to building a custom Figma UI kit — covering color and text styles, component states, auto layout, file organization, and when to buy instead of build.
- [How to Build a Webflow Site](https://www.uiguides.com/guides/how-to-build-a-webflow-site): A designer's guide to building in Webflow. Covers the Figma-to-Webflow workflow, core Webflow concepts, CMS basics, responsive breakpoints, and using Relume for faster starts.
- [How to Build with v0](https://www.uiguides.com/guides/how-to-build-with-v0): Practical guide to using v0 for UI generation. Covers writing effective prompts, iterating in the chat interface, copying to Next.js, and using v0 with Cursor.
- [How to Choose a Website Builder](https://www.uiguides.com/guides/how-to-choose-a-website-builder): A decision guide for picking between Webflow, Framer, Squarespace, and Wix Studio. Covers use cases, skill requirements, pricing, and scaling considerations.
- [How to Conduct User Interviews](https://www.uiguides.com/guides/how-to-conduct-user-interviews): A practical guide to planning and running user interviews that generate real insights. Covers discussion guides, active listening, note-taking, and synthesis.
- [How to Create a Design System: A Practical Guide](https://www.uiguides.com/guides/how-to-create-a-design-system): Step-by-step guide to building a design system from scratch — what to include, what to skip, and which tools to use.
- [How to Create a Style Guide for Your Product or Brand](https://www.uiguides.com/guides/how-to-create-style-guides): Learn what a style guide should include, the difference between a style guide and a design system, how to build one in Figma and publish it with Zeroheight for team access.
- [How to Create User Personas](https://www.uiguides.com/guides/how-to-create-user-personas): Practical persona creation guide — what to include, how to get real data, and how to make personas your team actually references.
- [How to Design a Mobile App: End-to-End Process](https://www.uiguides.com/guides/how-to-design-a-mobile-app): Design a mobile app from scratch — user flows, iOS and Android frame setup, platform components, gesture navigation, prototyping, and handoff.
- [How to Design Data Visualizations](https://www.uiguides.com/guides/how-to-design-data-visualizations): Design clear, accessible data visualizations for UI. Covers chart type selection, data-ink ratio, accessible color palettes, data density, and dashboard layout principles.
- [How to Design Empty States](https://www.uiguides.com/guides/how-to-design-empty-states): Design empty states that guide users instead of leaving them lost. Covers the three types, what each needs, common mistakes, and designing the full first-use flow.
- [How to Design for Accessibility](https://www.uiguides.com/guides/how-to-design-for-accessibility): Accessibility design beyond color contrast — covering visual, motor, auditory, and cognitive disabilities, focus management, reading order, keyboard navigation, and testing with Stark.
- [How to Design for Dark Mode](https://www.uiguides.com/guides/how-to-design-for-dark-mode): Practical dark mode design guide — semantic color tokens, WCAG contrast, Figma Variables for mode switching, and the mistakes to avoid.
- [How to Design for Touch](https://www.uiguides.com/guides/how-to-design-for-touch): Touch design guide covering minimum target sizes, gesture patterns, thumb zone design on large phones, haptic feedback, drag-to-dismiss, and prototyping interactions with ProtoPie.
- [How to Design Forms for UX](https://www.uiguides.com/guides/how-to-design-forms-for-ux): Form design best practices for UX designers. Covers label positioning, placeholder text, error messages, multi-step forms, accessibility, and practical Figma patterns.
- [How to Design Loading States](https://www.uiguides.com/guides/how-to-design-loading-states): Loading state design guide — skeleton screens vs spinners vs progress bars, perceived performance techniques, optimistic UI, error states after timeout, and prototyping in ProtoPie.
- [How to Design Micro-Interactions](https://www.uiguides.com/guides/how-to-design-micro-interactions): Design micro-interactions that communicate, not just decorate. Covers triggers, feedback loops, timing guidelines, and how to prototype with ProtoPie and Principle.
- [How to Design Navigation](https://www.uiguides.com/guides/how-to-design-navigation): Design navigation that users can actually use. Covers nav patterns, IA depth, mobile navigation decisions, naming items correctly, breadcrumbs, and progressive disclosure.
- [How to Design Onboarding Flows](https://www.uiguides.com/guides/how-to-design-onboarding-flows): Design app onboarding that actually works. Covers time-to-value, progressive disclosure, the three types of onboarding, testing with Maze, and common mistakes to avoid.
- [How to Design Responsive Layouts in Figma](https://www.uiguides.com/guides/how-to-design-responsive-layouts): Responsive design in Figma — setting up breakpoints, constraints vs auto layout, mobile-first design, and translating specs to Webflow.
- [How to Do a UX Audit: A Practical Step-by-Step Process](https://www.uiguides.com/guides/how-to-do-a-ux-audit): Learn how to run a UX audit using Nielsen's heuristics, document issues with severity ratings, and present findings to stakeholders using Hotjar, Figma, and Notion.
- [How to Do A/B Testing as a Designer](https://www.uiguides.com/guides/how-to-do-ab-testing-as-a-designer): A designer's guide to A/B testing — forming hypotheses, designing clean variants, understanding statistical significance, interpreting results, and avoiding common testing mistakes.
- [How to Do Card Sorting](https://www.uiguides.com/guides/how-to-do-card-sorting): Learn how to run card sorting sessions to improve your site's IA and navigation. Covers open vs closed sorting, participant counts, and analyzing results.
- [How to Do Competitive Analysis for UX](https://www.uiguides.com/guides/how-to-do-competitive-analysis-for-ux): A practical guide to UX competitive analysis — what to analyze, how to capture findings, the difference between feature comparison and experience analysis, and how to act on results.
- [How to Run Design Reviews That Are Actually Useful](https://www.uiguides.com/guides/how-to-do-design-reviews): Learn how to run effective design reviews — purpose, attendees, async vs sync review in Figma, how to structure feedback, and tracking follow-up work in Linear.
- [How to Do Unmoderated Usability Testing](https://www.uiguides.com/guides/how-to-do-unmoderated-usability-testing): A practical guide to running unmoderated remote usability tests. Covers task design, participant recruiting, analyzing results, and picking the right tool.
- [How to Do Usability Testing](https://www.uiguides.com/guides/how-to-do-usability-testing): A practical usability testing guide — moderated vs unmoderated, writing task scenarios, recruiting participants, and using Maze and Hotjar.
- [How to Document Design Decisions](https://www.uiguides.com/guides/how-to-document-design-decisions): A practical guide to documenting design decisions — what to capture, where to store it, and the templates that actually get used across Notion, Figma, and Linear.
- [How to Document UI Components: A Practical Guide](https://www.uiguides.com/guides/how-to-document-ui-components): Learn what good component documentation includes, when to use Storybook vs Zeroheight vs Figma annotations, how to write useful usage guidelines, and how to keep docs up to date.
- [How to Estimate Design Projects Without Getting Burned](https://www.uiguides.com/guides/how-to-estimate-design-projects): Design project estimation guide covering task breakdown, the 3x complexity rule, how to communicate estimates to clients, and tracking actual vs estimated time in Notion and Linear.
- [How to Get a UX Design Job](https://www.uiguides.com/guides/how-to-get-a-ux-design-job): Practical UX job-search guide — what hiring managers look for, portfolio structure, case study writing, interview prep, and what to do without experience.
- [How to Give Design Feedback That Actually Helps](https://www.uiguides.com/guides/how-to-give-design-feedback): Learn how to give design feedback that moves work forward — covering critique frameworks, question-first approaches, and async Figma comments that don't waste time.
- [How to Hand Off Designs to Developers](https://www.uiguides.com/guides/how-to-handoff-designs-to-developers): Developer handoff best practices — Figma Dev Mode, layer naming, specifying interactions and states, and when to use Zeplin vs Dev Mode.
- [How to Learn UI Design: A Realistic Learning Path](https://www.uiguides.com/guides/how-to-learn-ui-design): A practical UI design learning path for beginners — the fundamentals to learn first, how to practice, portfolio building, and a realistic timeline.
- [How to Manage Design Feedback Systematically](https://www.uiguides.com/guides/how-to-manage-design-feedback): A systematic approach to managing design feedback — capturing it from multiple sources, triaging it by priority, communicating decisions back, and avoiding endless revision loops.
- [How to Map User Journeys](https://www.uiguides.com/guides/how-to-map-user-journeys): User journey mapping guide — the components, how to gather data, when to use journey maps vs service blueprints, and the right tools.
- [How to Present Designs to Stakeholders](https://www.uiguides.com/guides/how-to-present-designs-to-stakeholders): How to present design work effectively — choosing fidelity, using Figma presentation mode, managing feedback, and running async reviews.
- [How to Price Design Work as a Freelancer](https://www.uiguides.com/guides/how-to-price-design-work): A practical guide to freelance design pricing — hourly vs project vs retainer, calculating your rate, value-based pricing, handling scope creep, and presenting prices to clients.
- [How to Run a Design Sprint](https://www.uiguides.com/guides/how-to-run-a-design-sprint): A practical 5-day design sprint guide — day-by-day breakdown, tool setup for Miro and Figma, participant roles, and remote sprint adjustments.
- [How to Run a Heuristic Evaluation](https://www.uiguides.com/guides/how-to-run-a-heuristic-evaluation): Run a heuristic evaluation using Nielsen's 10 principles. Covers each heuristic with UI examples, severity ratings, solo vs team approach, and how to document findings.
- [How to Run a UX Workshop That Actually Produces Results](https://www.uiguides.com/guides/how-to-run-a-ux-workshop): Practical guide to facilitating UX workshops — covering workshop types, board setup in Miro or FigJam, time-boxing activities, and what to do with outputs afterward.
- [How to Set Up a Design Team From Scratch](https://www.uiguides.com/guides/how-to-set-up-a-design-team): A practical guide to setting up a design team — tool stack decisions, file organization, design review rituals, onboarding processes, and the systems that keep teams aligned.
- [How to Set Up a Figma Design System: A Practical Guide](https://www.uiguides.com/guides/how-to-set-up-a-figma-design-system): Step-by-step guide to setting up a Figma design system — file structure, foundations, component organization, team library publishing, version control, and governance.
- [How to Set Up Hotjar](https://www.uiguides.com/guides/how-to-set-up-hotjar): Step-by-step guide to setting up Hotjar for heatmaps, session recordings, feedback surveys, and funnels. Covers installation, privacy controls, and what to look for.
- [How to Spec Interactions for Developers](https://www.uiguides.com/guides/how-to-spec-interactions-for-developers): Spec interactions that developers can actually implement. Covers what devs need, minimum viable specs, animation tokens, Figma's Prototype tab, and ProtoPie handoff.
- [How to Switch from Sketch to Figma](https://www.uiguides.com/guides/how-to-switch-from-sketch-to-figma): A practical migration guide — importing Sketch files, mapping Symbols to Components, moving team libraries, and comparing pricing.
- [How to Test Information Architecture](https://www.uiguides.com/guides/how-to-test-information-architecture): Guide to testing information architecture with card sorting and tree testing. Covers open vs. closed card sorts, analyzing dendrograms, and iterating on navigation.
- [How to Test Your Designs at Every Stage](https://www.uiguides.com/guides/how-to-test-your-designs): A practical guide to design testing — from concept sketches to live A/B tests — covering fidelity-appropriate methods, minimum viable testing, and how to analyze results.
- [How to Transition into UX Design](https://www.uiguides.com/guides/how-to-transition-into-ux-design): A practical career transition guide for people moving into UX design. Covers what to learn first, building experience without a job, and the real job search timeline.
- [How to Use AI for UI Prototyping](https://www.uiguides.com/guides/how-to-use-ai-for-ui-prototyping): How to use AI tools like v0, Lovable, Bolt, Galileo AI, and Figma AI to speed up UI prototyping. Covers what each tool does best and practical workflows.
- [How to Use AI in UI Design: What Actually Works](https://www.uiguides.com/guides/how-to-use-ai-in-ui-design): A practical guide to AI tools for UI designers — where AI genuinely helps, Figma AI, UX Pilot, v0 for React components, Cursor for building, and what AI still can't do.
- [How to Use AI Tools for UX Research](https://www.uiguides.com/guides/how-to-use-ai-tools-for-ux-research): Where AI genuinely helps UX research — transcription, synthesis, affinity mapping — where it doesn't, and how to use AI features in Maze and Hotjar without replacing real user insight.
- [How to Use Auto Layout in Figma](https://www.uiguides.com/guides/how-to-use-auto-layout-in-figma): Master Figma's Auto Layout feature — spacing modes, padding, fill vs hug, and real patterns like buttons, cards, and nav bars.
- [How to Use Cursor for UI Development](https://www.uiguides.com/guides/how-to-use-cursor-for-ui-development): Use Cursor's AI features for faster UI development. Covers Autocomplete, Chat, and Composer, the v0-to-Cursor workflow, effective prompting, and common pitfalls.
- [How to Use Figma Branching](https://www.uiguides.com/guides/how-to-use-figma-branching): Figma branching explained — when to use it, how to create and merge branches, handle conflicts, and why it's only available on the Organization plan at $45/editor/month.
- [How to Use Figma Components: A Practical Deep Dive](https://www.uiguides.com/guides/how-to-use-figma-components): Master Figma components — creating mains, using instances, nesting, component properties, variants, and organizing a library. Includes a button component walkthrough.
- [How to Use Figma Prototyping](https://www.uiguides.com/guides/how-to-use-figma-prototyping): Figma prototyping practical guide — smart animate, overlays, scroll, variable-driven logic, and when to move to ProtoPie for complex interactions.
- [How to Use Framer for Portfolios](https://www.uiguides.com/guides/how-to-use-framer-for-portfolios): Build a design portfolio in Framer. Covers templates vs starting from scratch, setting up case study CMS, animations, connecting your domain, and SEO settings.
- [How to Use Linear for Design Teams](https://www.uiguides.com/guides/how-to-use-linear-for-design-teams): Set up Linear for design work. Covers project setup, issue states for design workflow, linking Figma, using cycles as sprints, GitHub integration, and keyboard shortcuts.
- [How to Use Miro for Design Teams](https://www.uiguides.com/guides/how-to-use-miro-for-design-teams): Set up Miro for your design team. Covers workspace setup, the best built-in templates, async workshops, linking to Figma and Notion, and facilitator tips.
- [How to Use Notion for Design Teams](https://www.uiguides.com/guides/how-to-use-notion-for-design-teams): Set up Notion for your design team. Covers workspace structure, databases for project tracking, embedding Figma, syncing with Linear, and common setup mistakes.
- [How to Use Penpot: A Practical Guide](https://www.uiguides.com/guides/how-to-use-penpot): Practical Penpot guide covering cloud vs self-hosted setup, Figma import, components, auto layout, prototyping, dev mode, and how it compares to Figma for different use cases.
- [How to Use ProtoPie for Advanced Interactions](https://www.uiguides.com/guides/how-to-use-protopie-for-advanced-interactions): A practical guide to ProtoPie — importing from Figma, triggers and responses, variables for stateful prototypes, sensor triggers, and ProtoPie Connect for multi-device demos.
- [How to Use Rive](https://www.uiguides.com/guides/how-to-use-rive): Getting started with Rive for interactive animations. Covers the state machine editor, timeline animation, and exporting runtimes for web, iOS, and Android.
- [How to Use Sketch in 2026](https://www.uiguides.com/guides/how-to-use-sketch): Practical Sketch guide for 2026 — covering Symbols vs Components, Shared Libraries, Sketch Cloud for collaboration, the web inspector for handoff, and who should still use Sketch.
- [How to Use Spline](https://www.uiguides.com/guides/how-to-use-spline): Getting started with Spline for 3D web design. Covers the interface, building 3D scenes, materials, exporting for the web, and embedding in React projects.
- [How to Use Storybook as a Designer](https://www.uiguides.com/guides/how-to-use-storybook): Storybook explained for designers — how to read component stories, check states and props, use the Figma plugin to link stories, and why Storybook matters for design system work.
- [How to Use Variables in Figma](https://www.uiguides.com/guides/how-to-use-variables-in-figma): Learn Figma Variables — color, number, string, and boolean types — and set up a real semantic color system with light and dark mode.
- [How to Use Webflow as a Designer (No Coding Background Required)](https://www.uiguides.com/guides/how-to-use-webflow-for-designers): Learn how Webflow's visual builder maps to real CSS, the difference between Designer and Editor, how to set up responsive layouts, and when to use the CMS for dynamic content.
- [How to Wireframe an App: A Practical Guide](https://www.uiguides.com/guides/how-to-wireframe-an-app): Learn how to wireframe mobile and web apps effectively — when to use low, mid, or high fidelity, content-first approach, common patterns, and the right tools for each stage.
- [How to Write UX Case Studies](https://www.uiguides.com/guides/how-to-write-ux-case-studies): Write UX case studies that get you hired. Covers the right structure, writing a strong problem statement, showing process, and what to leave out.
- [Spacing Systems for UI Design](https://www.uiguides.com/guides/spacing-systems-for-ui-design): How to define and use a spacing scale — covering the 4pt vs 8pt debate, defining your scale, using spacing tokens in Figma variables, and applying consistent spacing to components.
- [Typography Guide for UI Design](https://www.uiguides.com/guides/typography-guide-for-ui-design): UI typography fundamentals — type scales, line height rules, font pairing, responsive type, and common mistakes that make interfaces look amateur.
- [Color Resources for UI Designers](https://www.uiguides.com/guides/ui-color-palettes): The best color tools for UI design — from generating accessible palettes to testing them on real interfaces, covering Tailwind, Radix, Coolors, Leonardo, and more.
- [Where to Find UI Design Inspiration](https://www.uiguides.com/guides/ui-design-inspiration): The best sources for UI design inspiration — with honest notes on what each is actually good for and where each one can mislead you.
- [Essential UX Books Every Designer Should Read](https://www.uiguides.com/guides/ux-books): Six essential UX books with honest takes on who they're for, what you'll actually take away, and when in your career each one will hit the hardest.
- [UX Portfolio Examples and What Makes Them Work](https://www.uiguides.com/guides/ux-portfolio-examples): What great UX portfolios have in common, where to find examples worth studying, and the patterns that consistently show up in portfolios that get hired.
- [What Is a Design System? A Clear Explanation](https://www.uiguides.com/guides/what-is-a-design-system): Understand what a design system actually is — the difference from a component library, the layers (tokens, components, patterns, docs), when you need one, and how to start building.
- [What Is Information Architecture? A Guide for UI Designers](https://www.uiguides.com/guides/what-is-information-architecture): Learn IA fundamentals for UI designers — navigation, hierarchy, taxonomy, labeling, card sorting, site maps, and how IA decisions directly affect your UI design work.
- [What Is UI Design? A Plain-English Explanation](https://www.uiguides.com/guides/what-is-ui-design): What UI design is, how it differs from UX design, what UI designers do day-to-day, the skills you need, tools used, and how the role has evolved.
- [What Is UX Design? A Plain-English Explanation](https://www.uiguides.com/guides/what-is-ux-design): What UX design actually means, the UX process from research to testing, how UX relates to UI, what UX designers do day-to-day, and how to get started.