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.
I have used Figma for about a year but I learned so much from this course. The length of the course was great but I kind off wish it was longer because it was really fun. It had a perfect difficulty and incrementally got more challenging. I was really engaged all the way through this course.
Awesome course. Works for Junior and Senior designer. I really recommend this course - you will definitely learn something new.
I participated in the course for improving my Figma knowledge, especially regarding the way to speed up my workflow and, "wowowow", to be honest, I'm so happy to have done it, so my feedback is more than positive. The course has a lot of strengths (sections dedicated, exercises) but in my opinion, the added value is Michael and his capacity to communicate in a clear way. If I can suggest just one thing, I would add the subtitles to the videos, for all the rest, well done Michael and thanks.
Perfect course for everyone that wanna have a boost in your design process and use Figma as the main tool. Thank you so much Mizco and keep mentoring!!
I love this course. I think it really gives you all you need to become a Figma pro and start collaborating with devs and other designers alike. Also, great plugin recommendations!
Michael’s Figma Masterclass course was exactly what I needed to go from zero to hero! One of the best takeaways for me is how to document prototypes to work with developers. It’s something that’s a big work in progress for me, and I am glad I invested in the course. Best money spent this year!
It was the best course I did about Figma! I have learned a lot about design systems, organising my work, and how to animate screens and components (my weak point). Thanks to this content, I got a job recently! In my interview, I had to pass a design challenge with Figma, and I put into practice everything I learned in this course. And I got the job! Thank you so so so much Mizko! I HIGHLY RECOMMEND THIS COURSE!
I am a self-taught UX Designer and used to heavily rely on Instagram carousels, YouTube, and blog posts for growing my knowledge. I would follow Mizko's IG and had great expectations of this course. True to my expectations, I learned what I wanted to and more! This course was an eye-opener when it comes to good design practices, tips, tricks, and efficient collaboration/work. Essentially the way I approach UI design has changed for the better. I am amazed at the amount of effort and attention to detail that went into this course and commend Mizko for that. The course is 'designed' to not just theoretically teach us concepts but also to enable us with lifelong practices. Last but not least, the way Mizko delivers lessons is similar to how a friend is speaking with you -- always fun, never a snoozefest (with a sprinkle of humor). Overall, this course was exactly what I needed for building my skillset.
I highly recommend The Ultimate Figma Masterclass to anyone that needs to upgrade their prototyping skills. Mizko is the best instructor I have encountered on the subject, and I feel fortunate to have found him. He is precise, knowledgeable, clear, and very positive. All and all, it was a great experience!
The biggest challenge an older designer faces is the ability to learn new tools and apply its experiences. Figma Masterclass provided the creative support to lift my doubts of achieving my goals. The greatest reward I received from this course. I was able to impress a potential employer by auditing their current product with just few changes to become top candidate to join their team. Thank you Michael you have lifted me above the mist that swallows a designer facing Ageism.
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.