1 day left! Use the code "LIMITED50" at checkout and get 50% off 🎉
Get the right Dravter version for you. Experience the most efficient workflow as you progress through every stage of the process, no matter how you work.
For designers that don't want to use design tokens or want to build their own from scratch.
400+ global styles
300+ userflow components
4000+ UI components
720+ UI patterns & screens
400+ global styles
300+ userflow components
4000+ UI components
720+ UI patterns & screens
PDF user guide
Use on unlimited projects
Free lifetime updates
One-click dark mode
Auto-updating styleguide
For designers that prefer to use pre-defined design tokens to save time and build upon it.
400+ global styles
300+ userflow components
4000+ UI components
720+ UI patterns & screens
400+ global styles
300+ userflow components
4000+ UI components
720+ UI patterns & screens
PDF user guide
Use on unlimited projects
Free lifetime updates
One-click dark mode
Auto-updating styleguide
BEST VALUE
Secure payments provided by Gumroad.
You may be charged for standard VAT depending on your country.
One toolkit for the whole UI design process. Experience the most efficient workflow as you progress through every stage of the process.
Create user flows in whatever style you prefer. All components are created proportionally to streamline the process as you advances from initial flow to a higher “resolution” flow.
Fun and focused wireframing. Easily drag and drop UI components to create layout with focus on the structure and content, without the distraction of colors and pixel-perfection.
Iterate faster than pen on paper. Experience the fastest way to create and iterate on your wireframes. Remember, you cannot copy paste using pen on paper. 😜
Easily go from low to medium fidelity wireframe. Its because the sketch-styled components you use on your lo-fi wireframe actually have the same properties as the polished UI components in Design Library.
Dravter provides you with hundreds of starter screen layouts, structured by common UI patterns for mobile projects. Browse through them right inside Figma and use as starting point for your design, not just for inspiration.
Our color system is built using HSLuv color model to give the best perceptual uniformity. All color hues are generated using a specific target contrast ratio from a base color, providing a constant accessibility score that meet WCAG requirements for minimum contrast. It is also easy to customize the whole color system.
Components are built using Auto Layout so it can automatically resize when its content changes.
Group and organize components to simplifies the library and bring it closer to front-end code.
4px soft grid system for a perfect balance between consistency and flexibility.
Scalable yet flexible typography stack to support a wide range of applications.
* Available on Dravter Token
To make your workflow even faster, we offer a version of Dravter that is powered by Tokens Studio plugin. It is equipped with pre-defined set of tokens that can be used to control the foundations and style of your design like typography, colors, shadows, spacing and border radius.
Each time you update the tokens, the styleguide will auto-update themself because they are linked to the tokens. No need to manually update them anymore.
The dark scheme is already defined in the system colors. You just need one click to switch between light and dark, no need to create dark version for each component.
Get the right Dravter version for you. Experience the most efficient workflow as you progress through every stage of the process, no matter how you work.
For designers that don't want to use design tokens or want to build their own from scratch.
400+ global styles
300+ userflow components
4000+ UI components
720+ UI patterns & screens
400+ global styles
300+ userflow components
4000+ UI components
720+ UI patterns & screens
PDF user guide
Use on unlimited projects
Free lifetime updates
One-click dark mode
Auto-updating styleguide
For designers that prefer to use pre-defined design tokens to save time and build upon it.
400+ global styles
300+ userflow components
4000+ UI components
720+ UI patterns & screens
400+ global styles
300+ userflow components
4000+ UI components
720+ UI patterns & screens
PDF user guide
Use on unlimited projects
Free lifetime updates
One-click dark mode
Auto-updating styleguide
BEST VALUE
Secure payments provided by Gumroad.
You may be charged for standard VAT depending on your country.
Download our free kits to get a better grasp of how Dravter works. These kits include a variety of UI components that you can use to create your own user flows and lo-fi wireframes in no time. Take the first step towards creating stunning mobile interfaces with Dravter!
