Memorisely
Close

Design System

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

Build a design system from scratch that scales

During the 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 language and 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.
Design System Curriculum

Learn-by-doing and scale your Design System each week

Our Design System bootcamp is setup to make you learn how to build and iterate a Design System step-by-step with a practical curriculum that focuses 100% on learn-by-doing. A Design System is more than flicking components into Figma, Sketch, or XD; it unifies all aspects of your product from building blocks, to the details of your UI, to how things are named.
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
Language & Templates
Week 6
Define your products language to match your brand and begin to build templates into your Design System that can be splashed into most pages in your product.
  • Define your product language for copy
  • Create navigation templates
  • Define nested cards and rows
  • Continue scaling your Design System!
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.
Intro to the week
⏰ 30m
At the start of the week you'll receive an intro video from your teacher prepping you for what we you'll be covering and which tool you'll be learning live in during the week.
Live Session
⏰ 2hr · Immersive Live Session
Jump into a live zoom class with your class mates around the world and collaborate live in tools like Figma and Miro. These sessions are designed to help you learn-by-doing.
Design Task
⏰ 3-5hr
Each week you'll be set a design task to complete that contributes to your ongoing case study. This will be a continuation of what you practically learned in our live session
Chill!
🤙 All day!
Our Bootcamps are immersive and we encourage you to grab time away from the screen to reflect on what you've learned and continue your reading list.
1:1 time

Grab 1:1 time to get feedback and ask UX/UI questions

During the Bootcamp you'll get the opportunity to grab 1:1 time with your teacher to get feedback and have your Design System questions answered. You'll also be encouraged to connect with your classmates and in general you can ask questions over slack anytime.
Design System Teacher

Learn from experienced UX/UI designers

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
or
Get to know me
Design System tools

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

Our 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
Grammarly
Grammarly is used by remote designers to take the guesswork out of writing copy.
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

Our bootcamps are designed around the latest remote design tools. Unlike corporate courses that have a fixed tool stack from decades past, we believe it's important to equip designers with the latest tool stack to excel in their career.
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."
Pricing

Transparent and accessible pricing

Unlike other courses who tuck away their prices, we are totally transparent with our Live Bootcamp pricing and take pride in being accessible and affordable.
Design System
$99
/ week
$594 total
6 weeks
For UX/UI designers wanting to create a sustainable Design System using Figma & Notion
Join a class of 10 designers
Join Bootcamp slack
Get Design System reading list
Get Design System blog list
Design System prep task
Join weekly live sessions
Join weekly design tasks
Build a Design System from scratch
Grab 1:1 time with your teacher
Join Bootcamp →
+ 2
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.
Sep 14th - Oct 21st
Wed · 19:00pm - 21:00pm BST
🎉 Full Class
Oct 28th - Nov 25th
Wed · 12:00pm - 14:00pm BST
2 places left
Nov 4th - Dec 9th
Wed · 19:00pm - 21:00pm BST
8 places left
Dec 2nd - Jan 6th
Wed · 12:00pm - 14:00pm BST
8 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
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
Enrol now