Design System Overview
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%
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.
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
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.
A typical week with Memorisely
From live classes with designers around the world to collaborative design challenges. Our learning experience is action packed!
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
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
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
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
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.
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
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
