Design System Overview
Build a design system from scratch that scales
During our online Bootcamp you'll learn how to develop your own Design System using Figma and Notion. We'll dive into scaling a Design System with the core foundations, components, and patterns. During live classes you'll work between Figma and Notion to design and confidently document a Design System. Unlike pretty styles that you see in Dribbble, this Bootcamp is designed to help you build something practical that will evolve with your product and your team contribution.
As well as creating a Design System you'll master UI Design fundamentals, designing a huge range of components live in class. By the end of this Bootcamp you'll have levelled up your UI skills as well as scale a Design System from scratch.
100%
For context, typical online courses have a 12.6% completion rate. We're proud to have a 100% completion rate
5/5
The main goal of our Bootcamps is to ensure designers learn-by-doing and have a bunch of fun!
10
We limit class sizes to foster a safe and personalised learning experience for everyone around the world.
Design System Curriculum
Learn-by-doing and scale your Design System each week
Our online Design System Bootcamp is setup to help you build and iterate on a Design System step-by-step with a practical curriculum that focuses 100% on learn-by-doing. During our Design System Bootcamp you'll learn how to sell, design, manage, and scale a Design System with your team. This Bootcamp is also a super opportunity to level up your UI skills, learning best practices of a huge range of styles, components, and patterns.
As well as meeting your Design System classmates in our Bootcamp slack, you'll be asked to complete prepwork using Figma, Loom, and Notion to get you up to speed on basic component creation and UI principles. During your prep work you'll learn how to identify what's wrong with your product, why you need a Design System and how to assemble your Design System team.
- Meet your classmates in Slack 👋
- Create Notion, Figma, and Loom accounts.
- Familiarise yourself with Design Systems
- Complete our Design System prep task
- Read Design System Books
- Learn how to maintain start, scale, and maintain your Design System
- Master working with Notion templates & databases
- Learn the best practices of using Figma
In week one we'll be diving into the core foundations of every Design System. You'll learn how to conduct a color audit, and create a consistent, accessible color palette that scales. You'll also learn how to set your type scales across devices. As well as learning these foundations, you'll importantly understand how to design the documentation for each between Figma & Notion
- Learn how to conduct color audits on your product 🎨
- Create a consistent and accessible color palette
- Learn the difference between a brand and product palette
- Define and describe color styles in Figma
- Learn how to use key color tools in your Design System
- Document your color palette in Figma & Notion
- Learn how to set your type scales across devices 🔤
- Define and describe your text styles in Figma
- Document your typography in Figma & Notion
In week two you'll define your Grid System with consistent spacing rules across your product. This class is an opportunity to understand layout grids, Figma's magical auto layout function, and how to organise your grid styles for each device. You'll create and document your grid system and spacing rules between Figma & Notion.
- Master & understand grid systems in your product 🍫
- Define responsive grid styles in Figma
- Document your Grid System in Figma & Notion
- Learn how to space components and patterns 📏
- Document your spacing system in Figma & Notion
- Master UI spacing and Grid System skills
With your Design System foundations created in Figma and Notion to easily scale, it's time to jump into understanding variants in Figma. As well as designing your button variant range to scale with autolayout, it's a super class for learning the best practices with sizing components, creating variants and how to document components between Figma & Notion
- Learn how to apply foundations to components in Figma
- Design & document component variants
- Document best practices in your Notion Design System
This week you'll be getting to grips with nested components and working with more advanced variants as you scale your Design System between Figma & Notion. You'll learn how to design Form Components, Cards, Lists, and Navigation Blocks. This class will give you the confidence in designing variants and documenting them in both Figma & Notion.
- Learn how to design advanced variants with autolayout
- Progress your understanding of nesting components
- Design and document advanced components in Figma & Notion
During this class you'll learn how to merge your foundations, components, and nested components into a pattern library for your product in Figma. This is the magic moment where we bring it all together and you'll learn how a Design System can save you hours everyday in designing consistent and scalable products. You'll create a series of screen patterns in Figma and document them in your Notion Design System.
- Learn the principles of Design System pattern libraries 🎹
- Design a series of screen pattern variants in Figma
- Learn how to design your product; supafast! ⚡️
- Document screen patterns in your Notion Design System
- Showcase your Design System between Figma & Notion
- Graduate with your Memorisely Design System Certificate 🎓
Having graduated from our Design System Bootcamp, you'll join our alumni of experienced designers around the world who stay connected during meet-ups and in our community channel.
As well as staying connected with your classmates, and joining our alumni, we'll be dropping in with updates to our Bootcamp for you to implement into your companies Design System! As you'll learn in our prepwork, a Design System is constantly evolving and we want to keep you in the loop!
- Join our UX/UI Alumni of experienced designers
- Connect with our UX/UI community in 120+ countries
- Receive updates on our Bootcamp to continue learning 🎉
Design System Schedule
Build a Design System live and together
Our Bootcamps are intense and It will be a lotta work. We pride ourselves on having a schedule that works for busy designers around the world. Every step of the way you'll receive support from your teacher, classmates, and our tribe of thousands of designers around the world! From zoom chats, to loom tutorials; we go the extra mile to help you learn.
Live class
1-3pm BST
Jump into our live class with designers
Homework
2-3hrs
Spend time completing your weekly design tasks
Office hours
1pm
Ask your teacher questions
Yoga
4pm
Unwind from Bootcamp with Yoga
Tue
Live class
1-3pm BST
Jump into our live class with designers
Wed
Homework
1hr
Review what we coverered in class and crack on with your tasks this week.
Yoga
4pm BST
Unwind from Bootcamp and get stretchy!
Thu
Fri
Office Hours
1pm BST
Ask questions and check in with your class
Homework
1-2hr
Wrap up this weeks design System task and enjoy your weekend with family and friends 🎉
Weekend
Design together live
Tue · 1pm - 2pm GMT
Jump into a live zoom class with your class mates around the world and collaborate live in tools like Figma. These sessions are designed to help you learn-by-doing and make Memorisely the best place to learn UX/UI online.
Design System Challenges
3-5hr Figma & Notion Tasks
Our live sessions are packed with learning together in Figma. For homework, we set you a series of tasks to complete that contribute to a Design System that we scale together as a class.
UX/UI Events
30m to 1hr events
Be inspired and join our weekly UX/UI events with over 3000+ designers around the world. From celebrating your weekly wins to getting feedback on your work, it's a great opportunity to be inspired and build a network of designers around the world.
Design System Teacher
Learn from UX/UI design experts
Zander Whitehurst
Founder of Memorisely
"Hey! My name is Zander and I'm the founder of Memorisely. I studied at Oxford University, New York University, and was an early member of Hotjar's remote product design team. I've been a product designer for eight years working in NYC, London, Sydney, and South East Asia. I'm a super enthusiastic teacher and don't believe in powerpoint presentations."
Ask me anything
Design System tools
Our online Bootcamps are designed around the latest remote design tools. Unlike corporate courses that have a fixed toolstack from decades past, we believe it's important to equip designers with the latest toolstack to excel in their career.
Micro Class
Join a micro class of 10 designers around the world
We think it's vital to have a personalised learning experience and we purposefully limit class sizes to 10 designers. Keeping class sizes small, ensures we can cover more in the time we have and you'll learn directly from other designers. Plus, it's a safe place to learn with the whole class contributing to discussions and sharing feedback.
Design System Alumni
Meet our Bootcamp Alumni
We're proud to educate designers around the world and take a lotta pride in forming a supportive alumni. We throw quarterly alumni events and often have alumni return to Bootcamps as guest speakers.
"Do it! You're working with the most up to date processes, tools, and best practices whilst collaborating with other designers all done in a positive vibe. Your confidence as a designer will grow."
"Learning the fundamental of creating components and the overall design system with people around the world."
"Learning and having fun at the same time :). Chance to collaborate with great people. You will learn and have a great time with people from all over the world."
"Thanks to Zander for opening my eyes and thoughts regarding how we can build a scalable and robust design system. I would highly recommend and simply say "Go for it" It's worth both time and money."
"The amount of content and how it is presented. There is so much packed in each Bootcamp session! No PowerPoint slides, or PDFs, just content and hands-on exercises in Figma and everything else we need in Notion. Best investment you will make in a while! So much value not just on the Bootcamps, but in being part of the Memorisely community."
"Intense learning which has helped me to learn about how to get the most out of Figma. I enjoy Zander's deliver of the content and that the sessions are live learn-by-doing"
"It's been a great experience having someone that can provide insights into building a design system. There is a lot of info online and in books, but having someone walk through it and answer questions provides a lot more value and help to improving as a designer."
Pricing
Transparent and accessible pricing
Unlike other courses who tuck away their prices, we are totally transparent with our online Bootcamp pricing and take pride in being accessible and affordable with a monthly payment plan available.
Enroll now
Join a class of 10 designers
Join Bootcamp Design System slack
Write Design System articles
Complete Design System reading list
Build a Design System in Figma & Notion
Complete weekly Design System tasks
Grab 1:1 time with your teacher
Receive Design System certificate
Enroll nowJoin a class of 10 designers
Write Design System articles
Complete Design System reading list
Build a Design System in Figma
Complete weekly design tasks
Grab 1:1 time with your teacher
Receive Design System certificate
Next Design System Bootcamp
Filling up fast!
Our Bootcamps tend to fill up pretty quickly which is why we open up months in advance. And we purposefully limit class sizes to 10 designers to ensure each bootcamp offers a personal learning experience.
Jan 4th - Feb 5th
Lunch Bootcamp
Tue · 12pm-2pm GMT
🎉 Full Class
Enroll now
Feb 22nd - Mar 25th
Lunch Bootcamp
Tue · 12pm-2pm GMT
🎉 Full Class
Enroll now
Apr 12th - May 14th
Design System Bootcamp
Tue · 1-3pm BST
7 places left
Bootcamp Questions
Got a question about our Bootcamp?
Chances are at this stage you have a couple questions. We encourage our students to ask questions directly and you can arrange a quick call with us anytime.
Jump on a quick zoom or send us an
email with your questions.
Each bootcamp has 10 designers. For us, it's important to keep these bootcamps super personal. This personal model ensures we can support and motivate 100% of students to graduate and have an awesome experience.
Our Design System Bootcamp is aimed at Product Designers who are familiar with designing products. Our Design System Bootcamp is catered to junior or mid-level designers who wan't to improve their skills in Notion and Figma. Commonly, students who enroll in our Bootcamp are hungry to improve their UI skills and are introduce a super system for designing and scaling products in their team or solo.
It's a great opportunity for those wanting to learn Figma and improve their skills in building out scalable styles, components, and patterns with a class around the world.
All learning is done remotely. Before the bootcamp you'll be invited to a private slack space to meet your classmates from around the world. Each week you'll join a zoom class together and throughout the bootcamp we encourage you to collaborate, and constantly feedback to learn-by-doing.
Two reasons.
Firstly, our Bootcamps differ from typical online courses. Unlike online courses that are sold for having 60hr+ of video behind a paywall, Memorisely Bootcamps are immersive learning experiences. Typical online courses have a 12.6% completion rate, whereas we pride ourselves on measuring success with a 98% completion rate from students. So instead of trying to teach yourself by goggling at a video, you'll join a fun class and be taught!
Secondly, you'll be joining classmates around the world, motivating, collaborating and learning from each other. We consider these micro classes, and together you'll graduate and likely remain design buddies for life 🙌
