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 just completed my journey on the Practical User Research Course from Designership! This course helped me structurize and focus my research on the things that are really important to the launch of any product. This is one of the best courses I've ever take in the UX/UI and Product Design Field. Thanks Michael Wong for all the knowledge and effort you did to bring us this incredible course!



The course exceeded all my expectations by providing a real improvement in my web portfolio. The knowledge and techniques taught were exceptionally relevant, allowing me to improve my work significantly. I now feel more confident in my ability to create impactful and professional web designs. I deeply thank the course team for the quality of the content offered and for contributing to the development of my career. I recommend this course to everyone who wants to level up their portfolios and boost their skills in the digital world.



Very excited to have completed the Designership's Ultimate Figma Masterclass! A great resource I recommend for all my UX friends to get a deeper dive into animations, design systems, and file organization.



It was an incredible learning journey, I learned so much about UI design and became Figma proficient. I really want to thank Mizko for creating this exceptional course and providing such expertise and guidance. Looking forward to applying my newfound skills in creating intuitive and visually stunning interfaces.




Comprehensive knowledge boiled down into an easy-to-follow structure. I didn't have to look for multiple random YouTube videos. I'm excited to implement and have a better understanding of what web developers are doing. This has made me much more valuable to my company.



Very practical. Encouraging. Useful. Talking about how to communicate to developers, how to organize your pages. Really everything was helpful. The Figma & UI Design Masterclass helped me level up to my peers and contribute on an advanced level in order to excel at my career, communicate UX principles, and delight users and stakeholders.



I'm 100% more confident when talking to stakeholders about User Research & Strategy and the importance of why it needs to be included in the process. I also have gained such a beautiful new understanding of my users that greatly influences my designs. All of the "guesswork" that I was doing is now real, meaningful work that has stats and research behind it.



I'm thrilled to announce that I've recently completed the Figma Masterclass by Michael Wong Designership and earned my certification! 🎓 This course has been an incredible journey for me. It taught me not only how to use Figma effectively, but also how to organize my design work, create design systems, collaborate with clients, build responsive web pages, use autolayout, create prototypes, and so much more. The knowledge and skills I gained from this course have already helped me deliver better results for my clients. I want to express my sincere gratitude to Micheal Wong for creating such a comprehensive and insightful course. His expertise and passion for design are truly inspiring. I highly recommend this course to anyone who wants to level up their Figma skills and design workflow.



This is the best course I can recommend to any designer who wants to get better. The course was about working in figma, but you start to understand even from programming and Motion design. Everything is so well organized that you don't even feel that the course is online. It is in very accessible English. I really liked both the course and my tuto, and I will continue to take other courses from him․ Very thankful for everything.



A 100% recommended course. Very precise, to-the-point, and extremely helpful. Helped me learn to design like a pro in a few minutes.

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

