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.
This course places emphasis on workflow efficiency and end-to-end thinking from ideation to implementation. The great thing is that Mizko focuses on a systematic approach and dives into maximizing the tools at our disposal to efficiently get the job done well. All this delivered through his optimistic, encouraging, and contagious energy. 🙏🏾
I learnt a lot from the course and now I'm damn sure that the deliverables to the clients will be much more professional and efficient from my side! Thanks a lot for releasing this course Michael!
I enjoyed the course very much. For me, the material and structure were clear and easy to follow. The explanations and rationale behind certain steps and building blocks were also very helpful. The overall presentation was fun - THANKS!
The course has already had an impact on my workflow and impression on potential clients as they admire the step by step process used to develop solutions. It's a lot of value for such a small cost. I HIGHLY RECOMMEND IT
I have been a software engineer for more than 15 years and sometimes I worked with UX designers and sometimes I managed them such as CPO. I did think that I understand how they work but I just realized that I apparently did not. This course helped me how they work and how they should work. The way Mizko showed in this course reminded me of the way disciplined engineers work. I think this is the course for UX designers to leverage their performance, but also client engineers would take this too for better coordination with designers. Thanks for this great course.
Helped me and my team to start managing our design files properly, also to communicate with dev team in-depth and make the design sessions with them on daily basis in order to have 100% understanding of what we want to archive
I just love this whole course, This is so informative and very help full, I am eagerly waiting for Mizko's new course
A big shoutout to Michael for this Figma Masterclass course!! As a software engineer and founder of SmartWriter, I've always struggled with Figma and how we can create more efficient workflows between design and development. This course answered all our questions and we've already implemented his responsive workflow within our team!! Huge time saver. Thank you for all the resources as well!
This course taught me the fundamentals of Figma and beyond Mizko knows his stuff!! I'm now working so much faster in Figma by using what I've learned - including a TON of keyboard shortcuts.
An absolutely fantastic course! I highly recommend for anyone new to design or would like to expand their design skillset. Figma & UI Masterclass provides such a good foundation in learning Figma and provides a glimpse to a professional designer workflow.
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.