Dravter - Next-generation UI starter kit for mobile | Product Hunt
source link: https://www.producthunt.com/posts/dravter
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Dravter
Next-generation UI starter kit for mobile
First of all, a big shoutout to @kevin for hunting Dravter and giving us the opportunity to share it with the community. Today I'm so excited to share with you my latest project, Dravter!
As a solo designer, I quickly realized that userflow, wireflow, and wireframe are important steps in the process of designing a user interface. However, I found that these processes were not efficient for me as a solo designer. I was using different software like Balsamiq and having to redo my work when designing the real UI components in Figma. This was a frustrating and time-consuming process that I knew needed to be improved.
As I worked on client projects, I noticed that I often used the same basic components for each mobile UI project. This realization led me to the conclusion that a neutral yet expandable UI kit is essential for any designer, especially for solo designers like myself.
I also spent a lot of time collecting inspiration for mobile UI patterns that were relevant to my projects through websites like Mobbin. But even after spending hours collecting them, I still had to create the screen designs on my own.
These realizations inspired me to build Dravter, a Figma toolkit that could serve as the ultimate starting point for any mobile project. I spent months researching and developing a comprehensive toolkit that included two libraries that can be swapped out anytime, the Mobile Draft Kit.fig and the Mobile Design Kit.fig.
After using Dravter on my own client projects and making various iterations, I think it is ready to be shared. So, Hello world! Dravter is here to help you streamline your mobile UI design process and make your workflow more efficient.
Some highlights of Dravter:
- Create any kind of user flow. All components are created proportionally to streamline the process as it advances from the initial flow to a higher “resolution” flow.
- Transforming your wireframing experience in Figma. Iterate faster than pen on paper without the distraction of colors and pixel perfection.
- Don’t like to start from zero? Start with hundreds. Browse through hundreds of starter screen layouts right inside Figma and use as starting point for your design, not just for inspiration.
- Unleash Figma’s superpower: Swap Library! Embrace a magical moment when your wireframes turn into a high fidelity design, while counting how many days you’ve save.
- Accessible & adaptive color system with precise control. 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.
- Design tokens, your optional superpower. Powered by Figma Tokens, Dravter Token offers a faster workflow with pre-defined design tokens to control typography, colors, shadows, spacing, and border radius.
To learn more about Dravter, visit our webpage at dravter.com, or watch our video intro ▶️.
When you're ready to try it out, use the code PH25 at checkout to get a 25% discount. This offer is valid until March 10.
We're super excited to keep improving Dravter, but we also want to hear what you think about Dravter today! Don't hesitate to drop us a line at [email protected] for any questions, comments, or just to say hi. We're always happy to connect!
Recommend
-
10
Six months ago, we launched the Feedly Lab and invited 4,000 Feedly users to participate in the design and testing of the next generation of the Feedly mobile application. To...
-
9
Next-generation CRM, for you and your team...
-
9
Ranked #17 for todayNext generation anonymous internetNegy aims to be at the cutting edge of internet security. It completely conceals you...
-
9
Ranked #3 for todayBlogHunchNext generation blogging platformFree OptionsBlogHunch is an SEO-optimized...
-
6
-
2
Tech‘Father of the cell phone’ says one day we’ll have devices embedded under our sk...
-
6
Ranked #19 for today
-
5
Support is great. Feedback is even better."Thanks for checking out the launch - if there's a stack you'd like to see from Neorepo, let us know!"The makers of Scalerepo
-
7
The pure Python SaaS starter kitPySaaSThe pure Python SaaS starter kitPayment RequiredThe PySaaS starter kit includes out-of-the-bo...
-
14
Next generation frontend toolingVite is a build tool that aims to provide a faster and leaner development experience for modern web projects. A dev server that provides rich feature enhanc...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK