Button School

Cohort 2

Pilot

Cohort 1

Cohort 4

Cohort 7

Cohort 5

Cohort 3

Explore Tech Career Change Options with Our Cutting-Edge Course! Get the guidance you need to chart 

Cohort 6

Advanced UI September 2026

Advanced UI April 2026

Advanced Figma March 2026

Advanced Figma May 2026

Advanced Figma July 2026

This is the pilot. Things will be rough, and will change. We need your feedback to make it better!

Advanced Figma October 2026

Get a more in-depth look at what's covered in the course, what you'll do, and what you'll get out of it! Also a great document to share with your org when asking them to pay for you. ;)

Full Course Syllabus


A short overview to help you decide if this level of commitment makes sense for you.

Advanced UI Design

To get an idea of what we'll do in this class and how the course works, peruse these slides from the first session.

Slides from the first session

This brief visual guide will walk you through the most essential design tokens and naming conventions for any design system. A great companion to keep at your side as you work through organizing and naming variables in Figma!

Design Tokens: A Visual Primer


Working with code as the raw material of software will change how you see design and what you can do with it.

Design Teacher

Nevan Scott

Designer/developer since before it was uncool

AI Coding for Product Designers

Product Designer

Manager, Product Design

Senior Product Designer

Branding & UI/UX Designer

Lead Product Designer

Product & Design

Variables aren’t just for developers anymore! Now, from the comfort of our design workspace, we can unlock the power of more adaptive and flexible design. Boost your designs by adding support for light, dark, and high contrast color modes. Improve usability by supporting multiple densities. Take your designs to a whole new level with fewer headaches and more precision. Why should developers get to have all the power (and fun)? The course is designed to fit your busy schedule. We meet for&nbsp;8 hours total—4 sessions of 2 hours each. Mondays and WednesdaysJuly 22, 24, 29 &amp; 319:30am – 11:30pm Pacific12:30pm – 2:30pm Eastern6:30pm – 8:30pm CET

Set design foundations to improve your workflows

Course syllabus

We’ll meet live on Zoom for lessons, demos, and small group practice sessions in breakout rooms.

Live Classes

You’ll have exercises to practice with between sessions to enrich your learning and bring more insight to class discussions.

Take-Home Exercises

Course schedule

Junior designers who want to get ahead of the curve and stand out from the crowd

Seasoned designers who are looking to up their game and support new capabilities in their products

Senior designers looking to take their learnings back to their teams

Who is this course for

What you’ll get out of this course

Build color palettes that differentiate between primitive color values, semantic colors, and component-specific colors.

Use color variables like a pro


Stop pixel-pushing and start using a system that translates more immediately to the implementation of your designs.

Use numbers to define spacing and sizing systems


Make your typography styles more powerful using variables to support responsive design.

Integrate variables into a system of typography styles

Your developers already think in terms of variables and conditional logic. Now you can too without leaving the comfort of Figma!

Communicate better with developers


Learn how to work with Figma’s powerful variables for design systems.

Head of Education at Button School


Building a design system helps you to ingrain a deep understanding of what you’re designing and why, taking a more systematic approach to how decisions are made. Join us in our live, online classes where we’ll dive in and get our hands dirty straight away, using Figma as our main tool. As part of this course, you’ll produce a final project, either making your own design system or reorganizing and enhancing the design system that you currently work with. October 23, 25, 30, 1, 6, 8, 9:30am – 11:30pm Pacific12:30pm – 2:30pm Eastern6:30pm – 8:30pm CET

Want to make better design decisions and feel confident articulating them?

9:30am–11:30am Pacific6:30pm–8:30pm CET

Mondays & Wednesdays

Live Sessions

As part of the course, you’ll schedule 3 one-on-one sessions with Nevan. Use this time to discuss design system challenges at your work, and to prepare for and get feedback on your projects.

1:1 Coaching and Feedback

You’ll have targeted reading and exercises to prepare each week to enrich your learning and bring more insight to class discussions.

Readings and Exercises

For the final project of this course, you’ll have two options: <ol><li>Create a basic design system from scratch, focusing on flexibility and documentation.</li><li>Propose improvements to an existing design system that you currently work with.</li></ol>

Final Project

Mid-level and senior designers looking to level up by contributing to design systems or bringing system thinking to their work

Early career starters in UX/UI and Product Design, who want to stand out and improve their organization and execution of UI in Figma

Design leaders who need to bring more design systems expertise to their team and organization

Go beyond the hype to understand how design kits in Figma can play a crucial role in an overall Design System.

Better advocate for design systems

Digital products are complex systems. Learn how to approach your design work in a more thoughtful and organized way.

Develop a deep understanding of how digital products are built

Organize your design work to improve your efficiency and focus more on the user and business needs that matter.

Approach new projects with a systematic way of thinking

Complete a final project that you’ll present and get feedback on from the instructor and your peers.

Build a design kit from scratch or improve an existing design kit

Design efficiently. Design consistently. Improve collaboration.

Head of Education at Button School

Write for your tech job and get buy-in.

Meltem Naz Kaso

UX Researcher (ex-Glovo) and Career Coach

Product Designer and Design Educator - Head of education at Button School

Boost your written communication skills to get buy-in.

Write killer emails, Slack messages, and presentations

Keep your team, clients, and stakeholders informed so you can do your best work without getting burned out.

Engage your audience

Build a personal brand that will allow you and your team to grow.

Lead the conversation

TEST Lightning Lesson

Name

Example: VP at Top Company (ex-Role at Previous Company)

Offer a concrete and concise explanation of how you will
help students understand and apply this lesson.


Learn directly from Button School

Button School

Courses

Design Tokens with Figma Variables

Design Systems