Design System

Part-time · 5 weeks
5/5 · 100% completion rate
+2
In 5 part-time weeks learn how to build a scalable Design System with Figma and Notion. During our online Bootcamp you'll join zoom classes with 10 UX/UI designers around the world and create a Design System that doesn't collect dust 💨
Enroll now

Build a design system from scratch that scales

During our online Bootcamp you'll develop your own Design System using Figma and Notion. As well as creating global styles, and UI components, it's an opportunity to learn about defining product functionality. Unlike pretty styles that you see in Dribbble, this Bootcamp is designed to help you build something practical that will evolve with your product.

100%

Completion rate
For context, typical online courses have a 12.6% completion rate. We're proud to have a 100% completion rate

5/5

Average Review
The main goal of our Bootcamps is to ensure designers learn-by-doing and have a bunch of fun!

10

Classmates
We limit class sizes to foster a safe and personalised learning experience for everyone around the world.

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.
Prepwork
Pre-Bootcamp
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 i[ to speed on basic component creation and UI principles.
  • Meet your classmates in Slack 👋
  • Create Notion, Figma, and Loom accounts.
  • Familiarise yourself with Design Systems
  • Complete our Design System prep task
Design System Foundations
Week 1
In the first week you'll get to know your classmates, get to grips with the foundations of Design Systems, and build the base for your Design system to scale in Figma and Notion
  • Intro yourself to classmates over zoom 😃
  • Learn Design System foundations
  • Familiarise yourself with Figma
  • Create the foundations for your Design System
Colors & Type
Week 2
Week two focuses on grasping how to create a color styles with an ordered color palette of categorised colors and opacity. You'll also define your type styles to follow the 8pt rule.
  • Define Color styles
  • Create color style opacity ranges
  • Define your type styles and scale for headings and text
Grids & Layout
Week 3
In week three we'll be diving into creating grid systems across devices and how to use Figma's grid layout to define the spacing across components and pages.
  • Define Grid Styles for each device
  • Get to grips with columns and rows
  • Define the spacing ranges for each component
  • You'll also whack together your shadow ranges!
Media & Components
Week 4
With styles created it's time to focus on building the media components and state based components that you'll consistently use across your product.
  • Define your icon library and scale
  • Create individual and grouped avatars
  • Define button sizes and states
  • Create input fields with states
Nested Components
Week 5
With the basic components created we'll jump into creating nested components, making use of Figma's awesome auto-layout functionality to consistently space and organise layered components.
  • Create a range of feedback toasts
  • Build nested and responsive forms
  • Create dropdowns with nested lists

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.
A typical week with Memorisely
From live classes with designers around the world to collaborative design challenges. Our learning experience is action packed!
Mon
Tue
Live class
90m
Jump into our live class with designers
Wed
Homework
1hr
Get started on the task this week
1:1
All day
Grab a 1:1 slot with your teacher to get feedback and ask any questions
Thu
Events
30m - 1hr
Be inspired by designers around the world
Fri
Homework
2-4hr
Wrap up this weeks design task in Figma & Notion
Weekend
9am
12pm
7pm
9pm
Mon
Tue
Wed
Thu
Fri
w/e
Live class
90m
Jump into our live class with designers
Homework
Spend time completing your weekly design tasks
1:1
Grab a 1:1 slot with your teacher for feedback
Events
Be inspired and join one of our events
Design together live
Tue · 12pm - 1:30pm UTC
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
Each session you'll be set a design challenge to that contributes to your overall Design System. Students typically build a global Design System, or they directly create it for their product. Every design challenge is practical and contributes to your overall Design System.
UX/UI Events
30m to 1hr events
Be inspired and join our weekly UX/UI events with over 2200+ 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

Use the latest UX/UI design tools to build your Design System

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.
Figma
Collaborative interface design tool used by remote design team to collaborate live.
Notion
All-in-one workspace for remote teams to organise their work, notes and design systems.
Loom
Video messaging for remote teams, used by designers to get feedback and communicate.
Slack
Instant messaging for remote teams to share updates and sty in the loop.
Zoom
Video conferencing used by remote teams to conduct meetings and workshops.
Toggl
Remote designers use Toggl to track their time to keep their day ordred

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.

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.
Connor
Product Designer · 🇬🇧
"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."
George
Product Designer · 🇺🇸
"Learning the fundamental of creating components and the overall design system with people around the world."
Marta
Product Designer · 🇩🇪
"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."
Prabhu
Product Designer · 🇬🇧
"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."
Flavio
Product Designer · 🇬🇧
"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."
Karen
Product Designer · 🇿🇦
"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"
James
Product Designer · 🇿🇦
"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."

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.
PAY TODAY
Pay today · Save $100
$150 $130 / week
🎉 Save Today
-$100
Total
$750 $650
Enroll now
+2
Join a class of 10 designers
Join Bootcamp slack
Complete 5hr Prep Tasks
Write Design System articles
Complete Design System reading list
Build a Design System in Figma
Join live UX/UI sessions
Complete weekly design tasks
Grab 1:1 time with your teacher
Join Bootcamp events
Receive Design System certificate
PAYMENT PLAN
3 monthly payments
$150 / week
3 monthly payments
$250
Total
$750
Enroll now
+2
Join a class of 10 designers
Join Bootcamp slack
Complete 5hr Prep Tasks
Write Design System articles
Complete Design System reading list
Build a Design System in Figma
Join live UX/UI sessions
Complete weekly design tasks
Grab 1:1 time with your teacher
Join Bootcamp events
Receive Design System certificate

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.
2020 · Nov 11th - Dec 16th
Lunch Bootcamp
Tue · 12pm-2pm UTC
🎉 Full Class
Enroll now
2020 · Dec 2nd - Jan 6th
Lunch Bootcamp
Tue · 12pm-2pm UTC
🎉 Full Class
Enroll now
Jan 4th - Feb 5th
Lunch Bootcamp
Tue · 12pm-2pm UTC
2 places left
Feb 22nd - Mar 25th
Lunch Bootcamp
Tue · 12pm-2pm UTC
7 places left
Apr 12th - May 14th
Lunch Bootcamp
Tue · 12pm-2pm UTC
9 places left

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.
How many designers in a Bootcamp?
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.
Do I need UX/UI experience?
We have a mix of experienced designers looking to switch to a remote career, junior designers learning the latest workflows, and folks switching career. The mix of designers keeps the learning diverse and those with experience typically step up to support juniors. We try to craft a neat feedback loop for everyone and don't require you to have had any UX/UI experience.
How do I meet my classmates?
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.
Why Memorisely vs others?
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 🙌
When are live classes?
Live Classes are either 12pm to 2pm BST or 19:00-21:00 BST. Before signing up for a Bootcamp, be sure to check what time your Bootcamp class kicks off. To check your local timing for this workshop, use this handy timezone converter

Ready to create a scalable design system?

As you'll have gathered, we're open and honest and would love to have you join our next Bootcamp
Enroll now