Component library
Easily access placeholder devices, image frames, and more
Outline: Figma’s Ultimate Wireframe Kit




A wireframe kit to create with speed
Test out every idea in a few quick clicks so you can ship out the best version of your design faster




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 350 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.


I loved Michael's course on Figma. It's exactly what I needed to start my UX design journey. Michael is great teacher, keeps it fun while giving us high-level workings of using Figma. If there is only one more thing I wish Michale would've taught to make this a well rounded course would be to add a chapter on designing for Mobile apps in Figma. As a newbie I think it would've helped me immensely and will help others who are on the same path as me. Overall, an amazing course that I highly recommend.


Thank you for the way you share all your knowledge. Either in free contents on Youtube, aswell on the paid courses.



This course has really helped me to learn and understand how to use and navigate around Figma. In hindsight, not only do I feel more confident about my Figma skills, this course also helped me inch closer to being a amazing designer


Amazing!



Thank you so much Michael Wong, for this incredible course opportunity! It's been a transformative experience, and I'm truly honoured to be mentioned alongside such talented individuals. Your guidance and expertise have been invaluable, and I'm excited to continue applying what I've learned. I can proudly say that your course has truly been a game-changer for me 🚀 Having taken various online and offline courses, I can confidently say that the knowledge you've shared is unmatched and simply exceptional. Looking forward to seeing more success stories from your masterclass! 🎉 I wholeheartedly recommend this course to anyone looking to excel in UI/UX design. Enrolling in this course was like finding the hidden 'Easter egg' of UI/UX education. If you're hungry for unparalleled knowledge, boundless inspiration, and a passport to design success, this masterclass is the golden ticket. 🌟



Having done a UX bootcamp before where I learned about similar things, I am very happy I took this course because it was able to fill many of the knowledge gaps I still had after completing the boot camp. This course provides a great research framework which I will be adopting moving forward, and Mizko provides sound reasoning for every decision he makes as he covers everything from beginning to end. Don't let the price tag scare you. What you will walk away with after completing it will far exceed the value of what you paid.



I really liked the course! It is very comprehensive and helps me to understand a lot of features of Figma. I can right away bring the knowledge that I just learned to my real project.



I just completed Mizko's Ultimate Figma & UI Designer Masterclass course through Designership. This course was so fun to take. Michael explains everything well, and I feel confident using his tips and tricks for my upcoming freelance project in Figma. If anyone wants to become a stronger UI designer or master Figma and its advanced toolkit, I highly recommend this course. It was worth every penny. I am so excited to start utilizing everything I learned! 😍



I am absolutely thrilled to share some incredible news with you all! 🚀 I have just completed the Ultimate Figma Masterclass course with Designership, and I couldn't be more thrilled about the journey I've been on. This course has been an absolute game-changer for me, and I want to take a moment to tell you all about it. From the very beginning, this Masterclass took me on an immersive journey through the world of Figma, covering everything from the basics to the most advanced techniques. What really stands out to me is how it has transformed my approach to design, especially when it comes to auto-layout and components. The newfound knowledge and expertise in these areas have given me a whole new level of confidence in my design work. One of the highlights of this course was diving deep into the creation of a Design System. The process of building a Design System from scratch not only solidified my UI skills but also gave me the confidence to tackle more complex UI challenges. It's amazing how this course has bridged the gap between UI and UX, allowing me to approach my design projects with a holistic perspective. Additionally, I can't express how much clarity I've gained regarding prototyping and animation techniques. The course thoroughly clarified my doubts, especially about the smart animate feature in Figma. Understanding when to use specific effects and timers has taken my prototyping skills to a whole new level. The ability to create seamless transitions and interactions is a game-changer in delivering outstanding user experiences. Completing this course has been like revisiting my roots and reigniting my passion for UI design. The course not only refreshed my existing skills but also introduced me to the latest technologies and smart workflows in Figma. It's been a journey of growth and rediscovery. I must give a special shoutout to Michael Wong, the creator of this phenomenal course. Mizko's teaching style, attention to detail, and comprehensive curriculum have not only equipped me with invaluable skills but have also boosted my confidence to a whole new level. With this newfound knowledge, I'm elated to share that I can now proudly call myself a Product Designer, combining the best of UI and UX to craft exceptional user experiences. Here's to new beginnings, continuous learning, and embracing the evolution of design. I can't wait to see where this new chapter takes me! Stay creative, Mansi ✨🎨📐



As I reflect on my journey from enrolling in the Practical User Research & Strategy Masterclass to where I am now, I realize that the most impactful thing I gained was a deeper understanding of the design process and how to approach it strategically. Prior to taking these courses, I was focused on creating visually appealing products without much consideration for the end-user's goals and sometimes misaligned with the business objectives. However, learning about user research, strategy, and design thinking has allowed me to approach each project with a more holistic perspective. By applying these techniques, my designs have become more effective, resulting in more satisfied clients and successful projects. Overall, these courses have made me a more strategic and thoughtful designer.

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.
Sharpen your skills,
streamline your workflow

