Designerley - Design Kit for Figma
Start saving hundreds of hours on wireframing!
Every design project begins with a white sheet, where you arrange guides, make basic buttons, arrows, etc. It takes you half a day to do things that are inevitable, but don't affect your income. After that, you spend another day assembling the base blocks.
Can design become pure creativity if routine processes are optimized? Our design system makes it possible.
Using Designerley Design Kit System, you can quickly and easily create professional web pages and applications.
Boost your design workflow 5x faster with:
-
Components & Variants
Change component states easily. Due to the Variants feature you use one element and change its state by Figma interface. No need to search for the desired state in a pile of similars. -
Auto-Layout 3.0
Save time by resizing and editing. Components are built using constraints and auto layout. So, you can easily resize them and change their contents and they adapt to look properly. - Pre-Designed & Customizable Sections
Customize styles to fit your needs. All components, colors, types, and even icons are ready to change. Icons have a 24×24px frame size, the most popular choice for icon packs.
Design with faster workflow. Fit for different levels.
🥷🏻 Designers
- Deliver work faster.
- Increase prototyping speed and fidelity.
- Use as a ready-made design system as a starting point.
☄️ Makers & Entrepreneurs
- Quickly prototype and design a new idea with a set of ready UI elements.
- Empower your product UX using a consistent design system.
- Think less about the visual part, more about your product
🚀 Freelancers & Agencies
- Jump into a new project with already organized, well-crafted components and styles.
- Customize styles easily for each client.
- Deliver your work and earn money faster.
What's inside?
Designerley Design Kit includes more than 100 different elements and blocks for the most efficient design of web pages, or commercial-grade mobile screens.
- 500+ of Master Components;
- 200+ Auto layouts and marketing sections;
- Contrasts and colors according to WCAG;
- Responsive frames;
- Quick guides and tutorials;
- 180+ of custom Icon Set;
- Design Component Library: buttons, checkboxes, radio buttons, switches, badges, breadcrumbs, avatars, tags, dropdowns, notifications, modals, input forms, tables, tabs, progress bars, calendars, etc.
- Basic component animation;
- Free Lifetime updates;
✅ Design Smarter with Designerley Wireframe Kit.
If you still have some questions:
Why do I need a Wireframe Design Kit?
Pre-styled layouts allow you to deliver projects faster. You don't need to start from scratch, by creating your own basic styles and components. Our main goal is to help freelancers to spend less time on the boring stuff and focus on what really matters.
Is there a free version?
Unfortunately no, we don't provide a free version of our Wireframe Design Kit. We do respect the time and efforts that our team spends building our products. However, we offer a 50% discount for students and tutors. Please email us to confirm the student or tutor status.
So what can Wireframe Design Kit really do for me?
A lot. It can increase the speed at which you wireframe and design your ideas for the team and clients. You don't have to create UI elements each time a new project begins. Not just designers but anyone on your team can easily collaborate on design ideas using this easy-to-use tool.
Is Wireframe Design Kit just like all the other UI Kits?
Well, yes and no. Professional Design systems have similar foundations. Our Wireframe Design Kit is extremely powerful and functional, but also runs well in Figma. As a comparison, some other kits are overwhelming and perform horribly on Figma. And we do have a focus on wireframes, creating the design we leave for you)
What if I find the Wireframe Design Kit is not suitable for me?
There's a ‘No Risk’ 30 Day Guarantee, which means you can try it without any risk to yourself. Just email us, and I’ll promptly provide you with a refund. No questions asked.
Is it easy to use?
It is simple, easy-to-use, and intuitive, but you need some basic Figma knowledge, working with auto-layouts and variants.
What does "lifetime access" mean?
Once you have purchased the Wireframe Design Kit, you will have access to all of the future updates, free of charge. We'll let you know when updates and improvements are made.
Is there a version for Sketch and Adobe XD?
No, we are not planning to add versions to these platforms in the near future.