Component library
Easily access placeholder devices, image frames, and more
Version 1.0
Outline: Figma’s Ultimate Wireframe Kit
Stay on top of testing ideas and prototypes with a wireframe kit that simplifies your process
Download link is sent to your email!
Oops! Something went wrong while submitting the form.
500+ happy Figma designers
No items found.
No items found.
No items found.
Used by designers and teams from
Features
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
.svg)
350+ Components
Explore a collection of avatars, logos, brands, vector shapes, device mockups, and more.
90+ Templates
Pre-designed, expertly crafted, customizable page examples that follow the best use of the design system.
1,180+ Icons & Media
Explore our collection of icons and media assets to use instantly in any design.
.svg)
Auto layout 3.0
Resize any component or template easily with Figma's best features.
.svg)
Pixel-perfect designs
Design with details that snap to a 4 and 8-point grid. Every component in the kit comes together easily.
.svg)
Global styles
Set up the foundation of your global style with typography, colors, and layout grids.
.svg)
File notes and videos
Navigate every file or template easily with named layers, and tips in notes.
Edit anything effortlessly
Make changes anytime. Edit and update components, or add new blocks in just a few clicks.
Inclusions
No items found.
Pre-built components
Create with over 740 Figma components
Supercharge your wireframes with the freedom to explore endless possibilities
Work faster with 350+ components
Designed with wireframes simplicity in mind, find all the essential resources you need
.svg)
Customizable assets
Including global style guides, icons, and more
.svg)
Extensive media assets
Find over 1,180 assets and icons in one place
%20(1).png)
Unlock 90+ marketing templates
Set up your common pages quickly with customizable templates
.svg)
Stackable blocks
Tailor your designs to suit different web pages
.svg)
Responsive pages
Work easily with the power of Auto Layout 3.0
.svg)
Customize quickly
Edit, update, and add new blocks in just a few clicks
%20(1).png)
Collaborate effortlessly with your team
Stay on top of your project with organized communication
.svg)
Accurate status updates
Mark the status of any frame or element quickly
.svg)
Organized comments
Drop comments or annotations on specific elements in your design
.svg)
Comprehensive comment summaries
Review all significant notes in your design’s workbench
%20(1).png)
Customers
Designed with everyone in mind
Start designing world-class UI designs, without wasting time.
.svg)
Beginners & Junior Designers
Beginners / Novices
Utilize the fundamental building blocks to get started in UI design while implementing the best design practices.
Freelance Designers
Self-employed / Profesionals / Digital Nomads
Impress your clients and boost your earning potential with high-qualiity work delivered with speed.
.svg)
Design Teams & Startups
Beginners / Intermediate
Design, test, and iterate faster with all the right resources. From customizable components to productivity tools.
Product Designers
Intermediate / Advanced
Save time designing with tools that help you ship your products faster. Find everything you need to create a design system that works.
Developers & Engineers
Beginner / Advance
Speed up the development process and improve coding efficiency with development-ready templates.
.svg)
Senior Designers
Intermediate / Advanced
Work smarter, skip rebuilding your components. Fast-track your workflow with tools that keep you designing speed.
Pricing
Pay once, access for a lifetime
We believe in keeping a simple and transparent pricing model
Individual
$60
Single payment
for solo designers, developers and freelancers.
- 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
Buy Now
For Teams
$120
Single payment
for agencies, design teams and enterprises
- 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
Buy Now
Reviews from our students
Here's what our students have to say about their experience.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Roland Andrei Cristi
UI and UX designer
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
Great course, Mizko's workflow is very much applicable in real life. It's definitely a must try!
Submitted on
April 16, 2024
Roland Andrei Cristi
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
Love this course, what a wild ride it was. This is the step I needed to increase my overall confidence in tackling my job as a product designer.
Submitted on
March 21, 2024
Eva Martí Rodríguez
Unemployed (previously Digital Marketing Specialist)
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
Submitted on
March 17, 2024
Rob O'Connell
UI Accessibility Interaction Designer
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
Mizko's Ultimate Figma Masterclass is a credit to the Designership suite of courses. It is well worth time spent doing the practical exercises. There is evidence of forethought and planning as the course unfolds. Completing the course leaves the student with Figma know-how and a library of reusable components that will expand any designer's repertoire for future efforts.
Submitted on
March 16, 2024
Elizabeth Arostegui
UX Designer
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
A complete and well-structured course. I've learned a huge amount of tools and good practices to improve my workflow.
Submitted on
March 2, 2024
Lesley Lam
Freelancer
Ultimate Figma Masterclass
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This was a wonderful learning experience for me and enjoyed every moment of it. Would absolutely recommend this course to others who would like to level up their skills in Figma and UI design.
Submitted on
February 25, 2024
Ultimate Figma Masterclass
.jpg){kind=avatar}
Rumana Aafrin
UX/UI Designer
Ultimate Figma Masterclass
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
After experiencing several of Mizko's YouTube courses, I eagerly embarked on this paid course with high energy and enthusiasm. True to expectation, the course is rich in information and adeptly focuses on the 'why' behind concepts. I wholeheartedly recommend it to beginners and advanced learners alike for invaluable insights. With dedication and effort, I am confident you can climb the top of the mountains
Submitted on
February 13, 2024
Ultimate Figma Masterclass
Oscar Andrade
UX/UI Designer
Ultimate Figma Masterclass
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
I'll recommend it to anyone with no knowledge who is interested in UX Research but it's not sure about it, because it really gives a good overview of every process!
Submitted on
February 12, 2024
Ultimate Figma Masterclass
Yasin u koppal
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
"Mizko's Practical User Research & Strategy course was incredibly insightful and valuable. Their teaching style is engaging and effective, making complex concepts easy to grasp. Overall, it was a positive learning experience.
Submitted on
February 9, 2024
Yasin paravin u koppal
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
"Mizko's Practical User Research & Strategy course was incredibly insightful and valuable. Their teaching style is engaging and effective, making complex concepts easy to grasp. Overall, it was a positive learning experience
Submitted on
February 9, 2024
Share your review
How did you like Shipfaster and Outline? Share your experience with others.
Submit your review
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.
Products
Sharpen your skills,
streamline your workflow
Premium products designed to help you impress stakeholders.
View Products
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
