Dravter
User flow, wireframe, and design system starter for Figma. All in one.
What is Dravter? Complete Overview
Dravter is a comprehensive design toolkit for Figma that combines user flow, wireframing, and a design system starter into one powerful solution. It is designed to enhance productivity for designers by providing a dual-library system (Draft Library and Design Library) that leverages Figma's Swap Library feature. This allows seamless transitions between low and high fidelity designs, streamlining the entire design process. Dravter is trusted by over 8,000 designers and is ideal for professionals and teams looking to accelerate their workflow, from rapid ideation to polished final designs. Whether you're working on task flows, UI flows, or complex design systems, Dravter provides the tools to stay in the flow from start to finish.
Dravter Interface & Screenshots
Dravter Official screenshot of the tool interface
What Can Dravter Do? Key Features
Dual Libraries System
Dravter's unique dual-library system includes the Draft Library for low-fidelity wireframing and the Design Library for high-fidelity components. Both libraries are identical in structure, enabling seamless swapping between fidelity levels using Figma's Swap Library feature. This maximizes productivity and ensures consistency across your designs.
User Flow Kit
Dravter provides tools for creating any type of user flow, including task flows, flowcharts, UI flows, and wireflows. The kit includes proportionally sized elements for seamless progression, allowing designers to stay in the flow from start to finish without switching tools.
Wireframe Kit
The wireframe kit enables rapid ideation with drag-and-drop functionality, allowing designers to focus on structure and content without distractions. It supports faster iteration than traditional pen-and-paper methods, making it ideal for brainstorming and early-stage design.
Design System Starter
Dravter includes over 10,000 components and variants, optimized for scalability and customization. The design system starter covers everything from interactive components to color systems, variables, and tokens, providing a solid foundation for any project.
900+ Starter Screens (Dravter Max)
Dravter Max offers hundreds of starter screens structured by common mobile UI patterns. These screens serve as visual blocks for user flows or as starting points for your designs, saving time and providing inspiration right inside Figma.
Best Dravter Use Cases & Applications
Rapid Prototyping
Designers can use Dravter's wireframe kit to quickly prototype ideas, iterating faster than with traditional methods. The dual-library system allows for easy transition from low-fidelity prototypes to high-fidelity designs.
User Flow Mapping
Create comprehensive user flows for any type of application, from simple task flows to complex UI flows. The proportionally sized elements ensure seamless progression and clarity in flow diagrams.
Design System Development
Teams can use Dravter's design system starter as a foundation for their own design systems, saving hundreds of hours in component creation and standardization.
Freelance Projects
Freelancers can jumpstart client projects with Dravter's ready-made components and screens, delivering professional results faster and taking on more projects.
How to Use Dravter: Step-by-Step Guide
Download and install Dravter from Gumroad. Once purchased, you'll receive a Figma file containing both the Draft Library and Design Library.
Open the Dravter library in Figma and enable it in your Figma account's libraries section. This will make all components available for use in your projects.
Start with the Draft Library for low-fidelity wireframing. Drag and drop components to create user flows or wireframes, focusing on structure and content.
When ready, use Figma's Swap Library feature to seamlessly transition your low-fidelity designs to high-fidelity components from the Design Library.
Customize the high-fidelity components to match your project's needs. Utilize the design system starter for colors, variables, and tokens to ensure consistency.
For advanced projects, leverage Dravter Max's 900+ starter screens as references or starting points for your designs, saving time and boosting productivity.
Dravter Pros and Cons: Honest Review
Pros
Considerations
Is Dravter Worth It? FAQ & Reviews
Dravter is a one-time payment product. Once purchased, you can use it forever without any recurring fees.
Students and teachers can get a 50% discount by emailing [email protected] with proof of their student status or teaching occupation.
Yes, commercial use is allowed with the Pro or Max versions. The Lite version is for personal use only.
Please refer to the refund policy page on Dravter's website for detailed information about returns and refunds.
You can email support at [email protected] for any questions or assistance with the product.