UX Toolkit for Figma - Create beautiful user flow charts, sitemaps and wireframes | Product Hunt Embed

UX Toolkit for Figma

Everything you need at an early stage of your UX design process

Visualize the hierarchy and structure of a future product or website based on Ant Design

Compatible with FigJam

Get FREE DemoView Pricing

Plan your digital product

Map out your next product with sitemap components and arrows.

Create user flow charts

Improve user experience by planning customer journey paths.

Design wireframes and layouts

Use Ant Design based components to plan your app's pages and sections.

The UX Toolkit that Matt has created is an absolutely brilliant resource for any UX designer working in Figma . Matt provides all the elements you might need in the beginning of design project. To start creates low-fi wireframes and flows as great talking points. We all know a picture is worth a thousand words, but a prototype is worth a thousand meetings! With this kit you don’t need to build wireframes in an external tool but you can already get started in Figma. Keeping everything in the same place, which makes collaboration and documentation of the project that much easier!

I highly recommend the UX Toolkit for Figma - it's a great UX planning resource. Once again Mateusz did a great job. We use it to plan our Ant Design based apps before the UI design phase. Wireframing blocks perfectly match the design system's components and styles. Mapping out the user journeys and sitemaps is easy and intuitive.

What's included

High-quality UX components

Wireframing Blocks

Plan your components and sections before going high-fidelity

  • Handcrafted Figma components
  • Based on Ant Design library
  • Customizable & scalable
Preview in Figma

Flow and Documentation Components

Visualize the hierarchy and structure of a future product

  • Customizable arrows
  • Pages and sections
  • Post-its and flow descriptions
Preview in Figma

Use case examples

Inspect the examples to learn how to build your charts, layouts and wireframes. Inclues:

  • User flow chart example
  • Sitemap example
  • Wireframes example
Preview in Figma

Plan your next Ant Design app

UX Toolkit was designed to help you plan apps and websites based on Ant Design.
Use it with Ant Design System for Figma to create consistent experiences for your users.

Get UX Toolkit for Figma

No credit card required
Test before you buy. Learn how it works or preview sample components.
  • 12 Sample Components
  • Examples Preview Page
  • Components Preview Page
Free download
Individual / Business
from $16
One time payment - lifetime license
Standard license for individuals and teams.
  • 137 Wireframing Components
  • 51 Flow and Documentation Components
  • 21 Figma Styles
  • 5 Use case examples
Business Plus
from $158
One time payment - lifetime license
Pro pack for a team. Includes the UX Toolkit and Ant Design System for Figma.
  • UX Toolkit for Figma
  • Ant Design System for Figma
  • Team License