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%
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 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.
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
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
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
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!
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
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
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
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.
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.
"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 Live Bootcamp pricing and take pride in being accessible and affordable.
Design System
For UX/UI designers wanting to create a sustainable Design System using Figma & Notion
Join a class of 10 designers
Get Design System reading list
Get Design System blog list
Join weekly live sessions
Build a Design System from scratch
Grab 1:1 time with your teacher
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
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.
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.
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 🙌
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
