UX Toolkit for Figma

UX Toolkit for Figma is a dedicated wireframing kit built around the Ant Design component library. Use it to map structure, plan user flows, and communicate ideas early without leaving Figma or switching to a separate tool.

Wireframe in Figma from day one

Most projects begin in scattered tools before moving into a real design file. UX Toolkit removes that handoff step so wireframes, planning, and design evolution stay connected in one workspace.

With 140+ wireframing blocks and 50+ flow and documentation components, you can move from a blank canvas to a structured concept quickly while keeping collaboration and documentation in the same project context.

What is included

• 140+ wireframing blocks
• 50+ flow and documentation components
• FigJam compatible components
• Built on Ant Design component patterns

Built for the early stages of design

The toolkit is optimized for pre-polish workflows where structure and decision-making matter most.

• Sitemaps for visualizing information architecture and product scope
• User flow planning to identify gaps and edge cases earlier
• Page and section planning that maps cleanly to later high-fidelity work

Faster brainstorming, less rework

Because components use Figma styles, style changes propagate across every frame instantly. The toolkit also works in FigJam, so teams can brainstorm in a whiteboard format and carry the same assets into Figma without restarting.

Keeps your project in one place

Keeping wireframes, flows, and high-fidelity designs inside one Figma workspace improves handoff clarity and makes project documentation easier to maintain over time.

Pairs naturally with Ant Design System for Figma

UX Toolkit components are built on Ant Design patterns, so the transition from wireframes to high-fidelity product design is predictable and reduces downstream surprises.

Recognized on Product Hunt

UX Toolkit for Figma was awarded #2 Product of the Day.