Component library
Easily access placeholder devices, image frames, and more
Outline: Figma’s Ultimate Wireframe Kit
Explore a collection of avatars, logos, brands, vector shapes, device mockups, and more.
Pre-designed, expertly crafted, customizable page examples that follow the best use of the design system.
Explore our collection of icons and media assets to use instantly in any design.
Resize any component or template easily with Figma's best features.
Design with details that snap to a 4 and 8-point grid. Every component in the kit comes together easily.
Set up the foundation of your global style with typography, colors, and layout grids.
Navigate every file or template easily with named layers, and tips in notes.
Make changes anytime. Edit and update components, or add new blocks in just a few clicks.
Create with over 740 Figma components
Work faster with 350+ components
Designed with wireframes simplicity in mind, find all the essential resources you need
Customizable assets
Including global style guides, icons, and more
Extensive media assets
Find over 1,180 assets and icons in one place
Unlock 90+ marketing templates
Set up your common pages quickly with customizable templates
Stackable blocks
Tailor your designs to suit different web pages
Responsive pages
Work easily with the power of Auto Layout 3.0
Customize quickly
Edit, update, and add new blocks in just a few clicks
Collaborate effortlessly with your team
Stay on top of your project with organized communication
Accurate status updates
Mark the status of any frame or element quickly
Organized comments
Drop comments or annotations on specific elements in your design
Comprehensive comment summaries
Review all significant notes in your design’s workbench
Designed with everyone in mind
Start designing world-class UI designs, without wasting time.
Utilize the fundamental building blocks to get started in UI design while implementing the best design practices.
Impress your clients and boost your earning potential with high-qualiity work delivered with speed.
Design, test, and iterate faster with all the right resources. From customizable components to productivity tools.
Save time designing with tools that help you ship your products faster. Find everything you need to create a design system that works.
Speed up the development process and improve coding efficiency with development-ready templates.
Work smarter, skip rebuilding your components. Fast-track your workflow with tools that keep you designing speed.
Pay once, access for a lifetime
$60
- Single user license
- 14 main components
- 350+ components
- 90+ marketing templates
- Foundational global styles
- 1,135+ icons by Unicons
- 20 social icons
- 22+ media and assets included
- Annotations Library 1.0
$120
- Up to 5 team members
- 14 main components
- 350+ components
- 90+ marketing templates
- Foundational global styles
- 1,135+ icons by Unicons
- 20 social icons
- 22+ media and assets included
- Annotations Library 1.0
Reviews from our students
Here's what our students have to say about their experience.
A 100% recommended course. Very precise, to-the-point, and extremely helpful. Helped me learn to design like a pro in a few minutes.
I’m loving it! I’m learning so much and already applying it to my current job!! This course has helped me tremendously and also gained a lot of confidence as a Product Designer. Wouldn’t be where I am at today without your course. I also highly recommend Figma Masterclass as well to your other students as well :)
I knew I’d learn a lot from this course when I joined- but man, I was blown away. I learned so much about configuring effective and efficient auto layouts, not to mention a streamlined process into turning those auto layouts into responsive pages. I learned how to efficiently create and organize a design system for multiple projects. The best part is that the whole curriculum is based off of a real project, so you are shown how and why he makes the choices he does throughout the entire process.
This is the best course if you want to level up your Figma skills and project management. I found a lot of information that I've implemented to my working process, and it was a game-changer for me. Thank you for this fantastic masterclass!
The Designership's Design System is crazy good and efficient! There's no way you should be missing on it. Try for yourself and see its diverse nature across different projects!⚡
Love the YouTube channel and course I just recently purchased it :) looking forward to tidying up my Figma skills and especially the handover (lack of a better word) techniques and getting myself organised. Keep the material going, love the delivery of the program kudos to you it’s a lot of handwork. Take care and stay safe and well.
If you're someone who wants to learn, develop and truly master your design skills in Figma and UX/UI, then this course is the real deal. It's designed and structured to take you through a real world project and design process that you'll also get to apply throughout this course, enhancing what you learn in a practical way by actually doing it. what's makes it even sweeter is having access to a great community of designers to connect with and resources available which is a huge bonus to your learning. If you're self-taught, new to UI design or Figma like myself, this will cut down your learning curve significantly. Mizko's free YouTube content combined with this course will make you a pro in UI design and Figma in no time. Mastering design systems and auto-layout to create responsive designs is a game changer! You'll quickly see the value once you start and your level of confidence and understanding in the design process would've reached new heights by the time of completion. 100% recommend investing in this course. It was invaluable. Thank you Michael!
This course has been a gem! It draws on each section very clearly and in a simplified way where it is easy to understand. He explains the not just the how to do, but also the why - which makes you grasp the concept more strategically. I use some of these tips and tricks for my current work, which makes my workflow so much more efficient and effective. Thank you so much Mizko for all the work and teachings. Highly recommend! 👏🏻
The Ultimate Figma & UI Masterclass is unquestionably an outstanding course for those who aspire to be at the top of their game. Mizko's passion to teach and mastery in the subject matter comes through with clarity and precision. He possesses a deep understanding of the principles which are relayed beautifully in the projects with step by step instructions & examples. His delightful manner will keep you engaged, motivated, deeply focused and there is an abundance of encouragement from chapter to chapter that will keep you progressing through the course material at an accelerated pace. My confidence has sky-rocked since and I can't wait for the next series of courses the Mizko Universe has to offer. This course is vital!
The Ultimate Figma + UI Masterclass is a must-do regardless of your experience. It filled a bunch of gaps in my process, the kind of gaps you develop when you're self taught in a tool. Extremely detailed and refreshingly logical. All aspects of your process was covered.
Frequently asked questions
What is Outline: Figma’s Ultimate Wireframe Kit offered by Designership?
Outline: Figma’s Ultimate Wireframe Kit by Designership is a toolkit designed to streamline the wireframing process. With the Wireframe Kit, designers can rapidly prototype and iterate designs with precision and efficiency.
How many components are included in the Outline Figma Wireframe Kit?
The Outline Figma Wireframe Kit boasts an extensive array of components, ensuring designers have a versatile set of tools to bring their visions to life.
Are there any pre-designed templates in the kit?
Yes, the kit is equipped with pre-designed templates, catering to various use-cases, ensuring designers can kickstart their projects efficiently.
Does the wireframe kit support Figma's latest features like Auto Layout 3.0?
Absolutely. The wireframe kit is consistently updated to leverage Figma's latest features, including Auto Layout 3.0, ensuring designers benefit from the latest in design innovation.
How does this kit ensure pixel-perfect designs?
The kit is meticulously crafted under the guidance of industry-leading expert Michael Wong, ensuring precision and attention to detail. Every component is designed to align perfectly to the pixel grid, guaranteeing sharp and coherent designs.
Is there a provision for global styles within the kit?
Yes, the kit incorporates global styles, allowing designers to maintain consistency and easily adapt elements across their designs, ensuring a seamless and cohesive visual language.
Can I customize components and templates easily within the kit?
Absolutely. The kit is designed with adaptability in mind, allowing designers to seamlessly customize components and templates to fit their unique requirements, ensuring flexibility without compromising on design integrity.
What makes the Outline Figma Wireframe Kit stand out compared to others available?
The Figma Wireframe Kit by Designership, crafted under Michael Wong's expertise, offers unparalleled design quality, flexibility, and a comprehensive set of components and templates, making it superior and a preferred choice for many professionals.
How does the kit enhance team collaboration?
The kit is optimized for collaboration within Figma, allowing multiple designers to co-edit, comment, and iterate in real-time. With its structured components and templates, teams can maintain design consistency and accelerate their collaborative efforts.
Can I get a trial or preview of the Outline: Figma Wireframe Kit before purchasing?
Outline is only accessible via a one-time purchase and cannot be refunded.