Dravter is the next-generation UI starter kit for mobile.
From user flow to interface design, we've got you covered. Dravter is the only toolkit you need for the whole UI design process, powered by a powerful duet of 2 Figma libraries with different style and fidelity that can be swapped anytime you need to. Experience the most efficient workflow as you progress through every stage of the process.
Mobile Draft Kit
Ideate better & faster, wherever your thoughts take you. Perfect for the early stage of UI design process. Designed in sketch-style and grayscale colors to help you focus more on exploration rather than pixel perfection.
Mobile Design Kit
Meet the smart & scalable design system starter. Dravter provides all components you need to kick-off mobile projects. Jump-start your design with rock solid foundations & best practices.
Powered by design tokens
You will get 2 versions of Dravter: STANDARD and TOKEN version that is powered Tokens Studio plugin. The TOKEN version 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.
- Auto-updating styleguide. 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 aymore.
- Instant dark mode. 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.
If you have any question, suggestion or issue, just send us an email and we will try to help as soon as possible.
You'll get 4 Figma files: Mobile Draft Kit.fig, Mobile Design Kit.fig, Mobile Draft Kit (with design tokens).fig, and Mobile Design Kit(with design tokens).fig. Each file will have these features: