{"url": "https://maven.com/p/aabf2d/variables-for-design-systems", "core": {"title": "Variables for Design Systems", "slug": "aabf2d", "id": 957, "page_type": "workshop", "description": "In 30 minutes I'll catch you up on Figma's latest and most powerful Design System feature, Variables! The key to a tokenized, scalable, flexible (multi-brand) system!", "start_datetime": "2024-06-06T16:00:00Z", "duration_min": 30, "is_recording_public": true, "has_internal_recording": true, "instructor_name": "Molly Hellmuth", "instructor_title": "Creator of UI Prep", "instructor_headline": null, "course_name": "Design System Bootcamp", "course_slug": "design-system-bootcamp", "school_name": "UI Prep", "school_slug": "ui-prep", "chapter_count": 0}, "next_data": {"props": {"pageProps": {"apiSchool": {"id": 8596, "slug": "ui-prep", "name": "UI Prep", "is_stripe_connected": true, "stripe_connect_account_id": "acct_1O997TQLD9LL5fsu", "zoom_auth_version": 2, "verified": true, "timezone": "America/Denver", "support_email": null, "school_tags": [{"id": 96, "tag_type": "internal_collection", "label": "Free lesson beta", "slug": "free-lesson-beta", "description": null, "parent_tag_id": null}], "instructor_bio": null}, "pageType": "workshop", "school": {"id": 8596, "slug": "ui-prep", "name": "UI Prep", "is_stripe_connected": true, "stripe_connect_account_id": "acct_1O997TQLD9LL5fsu", "zoom_auth_version": 2, "verified": true, "timezone": "America/Denver", "support_email": null, "school_tags": [{"id": 96, "tag_type": "internal_collection", "label": "Free lesson beta", "slug": "free-lesson-beta", "description": null, "parent_tag_id": null}], "instructor_bio": null}, "course": {"slug": "design-system-bootcamp", "school_id": 8596, "name": "Design System Bootcamp", "id": 723, "format": "full_course", "description": "5-week Bootcamp to build a design system & become a Figma expert. \n\nSOLD OUT 🔥\n ", "attrs": {"courses_page_highlight_order_index": null, "custom_landing_page_url": null, "facebook_pixel_id": null, "is_course_application_enabled": false, "is_demoted_on_courses_page": false, "is_hidden_by_maven_staff": false, "is_live_on_courses_page": true, "short_description": null, "skip_landing_page": null, "satisfaction_guarantee_status": "unset"}, "social_image_url": "https://d2426xcxuh3ht5.cloudfront.net/D8S494wdQ5HX1uDEvWQO_DSB-Cover-Guests.jpg", "course_image_url": null, "clp_hero_media": {"media_type": "image_url", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/0hMQBBhzSESzsXpqIhtl_DSB-Cover-Guests.png", "youtube_video_id": "6yZ7lXH4H9g", "vimeo_video_id": ""}, "instructor_infos": [{"name": "Molly Hellmuth", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/mrKT0CPQyW6YXJaOoAI1_2023.png", "image_url_no_bg": null, "uuid": "2c66a1fb-c8a2-4780-88dd-52bfad12988b", "bio_html": "<p>Hey, I'm Molly! 👋 The creator of UI Prep. A Figma design resource that has <strong>100K+</strong> UI kit downloads and creates custom-built design systems for a wide range of companies. I've also trained designers and design teams from amazing companies like <strong>Adobe, Microsoft, Square, Atlassian, Gusto, and Open Table. </strong></p>", "headline": "", "title": "Creator of UI Prep", "linkedin_url": null, "twitter_handle": null, "custom_social_link": null, "logos": null, "highlights": null, "highlights_html": null, "preferred_name": null}], "instructor_caption": "Creator of UI Prep", "course_tags": [{"id": 30, "tag_type": "category", "label": "Design", "slug": "design-ll", "description": null, "parent_tag_id": null}, {"id": 68, "tag_type": "public_collection", "label": "Maven Monday 2023", "slug": "maven-monday-2023", "description": null, "parent_tag_id": null}, {"id": 69, "tag_type": "internal_collection", "label": "Maven Selects", "slug": "maven-selects", "description": null, "parent_tag_id": null}, {"id": 72, "tag_type": "internal_collection", "label": "Analytics Beta", "slug": "analytics-beta", "description": null, "parent_tag_id": null}, {"id": 92, "tag_type": "deprecated", "label": "Design tools", "slug": "x-subcategory-design-tools", "description": null, "parent_tag_id": 30}, {"id": 121, "tag_type": "public_collection", "label": "Maven 100 - Design", "slug": "maven-100-design", "description": null, "parent_tag_id": 30}, {"id": 176, "tag_type": "public_collection", "label": "Fast Track 2024", "slug": "fast-track-2024", "description": null, "parent_tag_id": null}, {"id": 178, "tag_type": "internal_collection", "label": "Affiliate Tommy Geoco", "slug": "affiliate-tommy-geoco", "description": null, "parent_tag_id": null}, {"id": 179, "tag_type": "internal_collection", "label": "Affiliate Emilie Mazurek", "slug": "affiliate-emilie-mazurek", "description": null, "parent_tag_id": null}, {"id": 233, "tag_type": "public_collection", "label": "Maven 100 - Design 2025", "slug": "maven-100-design-2025", "description": null, "parent_tag_id": null}, {"id": 244, "tag_type": "internal_collection", "label": "Courses filtered for recommendations", "slug": "courses-filtered-for-recommendations", "description": null, "parent_tag_id": null}, {"id": 245, "tag_type": "internal_collection", "label": "maven-100-2025", "slug": "maven-100-2025", "description": null, "parent_tag_id": null}, {"id": 296, "tag_type": "persona", "label": "For Designers", "slug": "for-designers", "description": null, "parent_tag_id": null}, {"id": 321, "tag_type": "topic", "label": "Design Systems", "slug": "design-systems", "description": null, "parent_tag_id": null}, {"id": 322, "tag_type": "topic", "label": "Figma", "slug": "figma", "description": null, "parent_tag_id": null}]}, "contentPageSlug": "aabf2d", "contentPage": {"id": 957, "school_id": 8596, "slug": "aabf2d", "content_page_type": "workshop", "sections": [{"uuid": "0b865799-b66b-4c26-80c7-8cbe9d831efc", "title": "Variables for Design Systems", "version": 1, "image_url": "https://d2426xcxuh3ht5.cloudfront.net/qHNsK01jSyqzHAgYZJ6i_Copy of Lightning Lesson Image Template.png", "is_visible": true, "topic_desc": "In 30 minutes I'll catch you up on Figma's latest and most powerful Design System feature, Variables! The key to a tokenized, scalable, flexible (multi-brand) system!", "brand_logos": {"label": "TRAINING THE TOP TEAMS IN TECH", "logos": [{"name": "Adobe", "type": "logo", "uuid": "e14f0b79-3a7b-4cc5-a22d-a6d8871c225c", "file_type": "svg", "image_url": "https://asset.brandfetch.io/id_KsyK7J9/idk8IZnNuj.svg"}, {"name": "Microsoft", "type": "logo", "uuid": "b3bea781-4a84-4505-8920-a5008828f18c", "file_type": "svg", "image_url": "https://asset.brandfetch.io/idchmboHEZ/idDBL6fNkv.svg"}, {"name": "Google", "type": "logo", "uuid": "4736c11e-73fa-44de-823a-f5dfb675fe4a", "file_type": "svg", "image_url": "https://asset.brandfetch.io/id6O2oGzv-/idP6g0Ep4y.svg"}, {"name": "Meta", "type": "logo", "uuid": "44456bdc-ddd4-48a3-8732-05a8d0f7089c", "file_type": "svg", "image_url": "https://asset.brandfetch.io/idWvz5T3V7/idpvCl_Ipb.svg"}, {"name": "TikTok", "type": "logo", "uuid": "c7d8848f-0226-4a13-b8e7-88ae91ff409f", "file_type": "svg", "image_url": "https://asset.brandfetch.io/id-0D6OFrq/idcl-f98QJ.svg"}]}, "section_type": "main", "instructor_infos": [{"name": "Molly Hellmuth", "uuid": "496848bc-9b70-4021-ae98-c03302675c02", "title": "Creator of UI Prep", "bio_html": "<p>Hey, I'm Molly! 👋 The creator of UI Prep. A Figma design resource that has&nbsp;100K+&nbsp;UI kit downloads and creates custom-built design systems for a wide range of companies. I've also trained designers and design teams from amazing companies like&nbsp;Adobe, Microsoft, Square, Atlassian, Gusto, and Open Table.</p>", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/Zd7ZOvBRsUhK5aq9k5yA_2023.png"}], "learning_outcomes": [{"uuid": "883d9d74-323a-447f-bae5-724f86e766a1", "title": "Variables 101", "description": "How and when to use Color, Text, And Number Variables in your design system."}, {"uuid": "58f0bcd6-b1a7-4edc-baaf-c3b219eb76d6", "title": "Advanced techniques", "description": "How to alias variables & create a composite of multiple variables in a single Typogrphy or Gradient style."}, {"uuid": "219a0c0c-037e-4667-9801-3c77c1e2884d", "title": "Supporting Multiple Themes, Brands & Devices", "description": "How to support multiple themes, brands, and/or devices with variable modes."}, {"uuid": "0e3c0c3b-2ff4-478c-8c2a-19a6bee2d8ff", "title": "FREE Demo File", "description": "Receive a free Figma file with examples from the lesson! 🔥"}]}], "created_at": "2026-02-12T20:52:46.288885Z", "updated_at": null, "theme": null, "attrs": {"type": "workshop", "is_canceled": false, "is_delisted": false, "connected_course_id": 723, "course_stripe_promo_code_id": null}, "school_event": {"id": 957, "slug": null, "title": "Variables for Design Systems", "description": null, "start_datetime": "2024-06-06T16:00:00Z", "end_datetime": "2024-06-06T16:30:00Z", "start_date": "2024-06-06", "start_time": "10:00:00", "duration_min": 30, "timezone": "America/Denver", "has_internal_recording": true, "is_recording_public": true}, "num_signups": 590}, "relatedWorkshops": [{"id": 528, "school_id": 9340, "is_visible_on_discovery_page": true, "is_canceled": false, "is_delisted": false, "connected_course_id": 718, "workshop_tags": [{"id": 30, "tag_type": "category", "label": "Design", "slug": "design-ll", "description": null, "parent_tag_id": null}, {"id": 149, "tag_type": "internal_collection", "label": "High Performing Teams", "slug": "team-series", "description": null, "parent_tag_id": null}, {"id": 296, "tag_type": "persona", "label": "For Designers", "slug": "for-designers", "description": null, "parent_tag_id": null}, {"id": 310, "tag_type": "persona", "label": "For User Researchers", "slug": "for-user-researchers", "description": null, "parent_tag_id": null}, {"id": 321, "tag_type": "topic", "label": "Design Systems", "slug": "design-systems", "description": null, "parent_tag_id": null}, {"id": 322, "tag_type": "topic", "label": "Figma", "slug": "figma", "description": null, "parent_tag_id": null}], "published_content_page": {"id": 1363, "school_id": 9340, "slug": "7a3c5e", "content_page_type": "workshop", "sections": [{"uuid": "7585086b-077b-4375-9778-1675e5588140", "title": "Level Up Your Team with Variables in Figma", "version": 1, "image_url": "https://d2426xcxuh3ht5.cloudfront.net/YSDuWQfCTSixlcBQfSbe_Team Lesson (Single Instructor)-3.png", "is_visible": true, "topic_desc": "Bring your colleagues to learn all there is to know about variables within Figma. Teams across the industry are beginning to rely heavily on variables to help save time and effort when designing and creating, and together, we'll cover tips for feeling comfortable and confident when creating and organizing them within the tool. This session previews Joey's course, \"Level Up with Figma.\"", "brand_logos": {"label": "Trusted by designers on these teams", "logos": [{"name": "Pinterest", "type": "logo", "uuid": "ddfb970d-f46b-4682-af9b-f4fa516431a7", "file_type": "svg", "image_url": "https://asset.brandfetch.io/idGP0S1Jjj/idrcPTMuDp.svg"}, {"name": "Dropbox", "type": "logo", "uuid": "d505896f-97dc-4780-8215-7e22933f54be", "file_type": "svg", "image_url": "https://asset.brandfetch.io/idY3kwH_Nx/idpEif7tzn.svg"}, {"name": "LinkedIn", "type": "icon", "uuid": "8c02e9c4-6d23-4e21-8b8d-2c470b35558e", "file_type": "png", "image_url": "https://asset.brandfetch.io/idbGPuWgz_/ida2097ajd.png"}, {"name": "YouTube", "type": "logo", "uuid": "07d1a3fc-6f7f-4340-ab8e-46b3c3d44597", "file_type": "svg", "image_url": "https://asset.brandfetch.io/idVfYwcuQz/id79tYEiVW.svg"}, {"name": "Netflix", "type": "logo", "uuid": "9858397b-b0bf-4fdb-aa35-7bbe5ec2e56e", "file_type": "svg", "image_url": "https://asset.brandfetch.io/ideQwN5lBE/id5n1HaNTq.svg"}]}, "section_type": "main", "instructor_infos": [{"name": "Joey Banks", "uuid": "6af84f29-25e4-4fd3-9150-f55b4c5c36bc", "title": "Founder of Baseline. Prev. building design systems at Webflow, Twitter, & Figma.", "bio_html": "<p>Hi there, I'm Joey! 👋 I'm a product designer who's worked for Webflow, Twitter, and Figma, and I focus on design systems at scale. I created this course because I love helping designers feel more comfortable and confident using Figma. I began using the design tool in 2016 and have only fallen more in love with it and its incredible capabilities.</p><p><br></p><p>I'm also the creator of many iOS and macOS UI kits for Figma, which have been downloaded over&nbsp;500,000&nbsp;times in the Figma Community. Teaching is my passion, and I'm grateful to have worked with designers of all levels and from companies of all sizes in my mentoring and specialized training sessions.</p>", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/M79LOJYbQDaeMPzQRN9P_Banks_Joey_Square.jpg"}], "learning_outcomes": [{"uuid": "def014a6-2575-4038-b7e3-8aae58b8b7f2", "title": "Learn how to use variables in Figma", "description": "Learn how variables can save you and your team time when building designs, managing systems, and creating prototypes."}, {"uuid": "20c99a3e-af9b-42f2-9f67-ae4e7b3735f1", "title": "Help your team create primitive and semantic variables", "description": "Gain insights for for naming and storing variables and collections to create primitive and semantic variables."}, {"uuid": "b8438cb6-ce8e-4e02-925d-2d7816eef959", "title": "Several advanced techniques and time-saving features", "description": "Learn tips and new methods to save you time as you create, organize, and work with variables."}, {"uuid": "23d5a641-5a7c-490e-a487-a2a75c55977b", "title": "Join with your team and learn together", "description": "Discover practical skills and strategies for using and creating variables within designs and prototypes."}]}], "created_at": "2026-02-12T20:53:50.474085Z", "updated_at": null, "theme": null, "attrs": {"type": "workshop", "is_canceled": false, "is_delisted": false, "connected_course_id": 718, "course_stripe_promo_code_id": null}, "school_event": {"id": 1363, "slug": null, "title": "Level Up Your Team with Variables in Figma", "description": null, "start_datetime": "2024-09-19T16:00:00Z", "end_datetime": "2024-09-19T16:45:00Z", "start_date": "2024-09-19", "start_time": "12:00:00", "duration_min": 45, "timezone": "America/New_York", "has_internal_recording": true, "is_recording_public": true}, "num_signups": 809}}, {"id": 7171, "school_id": 16544, "is_visible_on_discovery_page": true, "is_canceled": false, "is_delisted": false, "connected_course_id": 19327, "workshop_tags": [{"id": 30, "tag_type": "category", "label": "Design", "slug": "design-ll", "description": null, "parent_tag_id": null}, {"id": 159, "tag_type": "internal_collection", "label": "LL non-instructor", "slug": "ll-non-instructor", "description": null, "parent_tag_id": null}, {"id": 296, "tag_type": "persona", "label": "For Designers", "slug": "for-designers", "description": null, "parent_tag_id": null}, {"id": 310, "tag_type": "persona", "label": "For User Researchers", "slug": "for-user-researchers", "description": null, "parent_tag_id": null}, {"id": 321, "tag_type": "topic", "label": "Design Systems", "slug": "design-systems", "description": null, "parent_tag_id": null}, {"id": 322, "tag_type": "topic", "label": "Figma", "slug": "figma", "description": null, "parent_tag_id": null}], "published_content_page": {"id": 8368, "school_id": 16544, "slug": "338819", "content_page_type": "workshop", "sections": [{"uuid": "91ad3c18-b7ed-4d98-8e03-b7f816b27101", "title": "How to build consistent and scalable designs", "version": 1, "image_url": "https://d2426xcxuh3ht5.cloudfront.net/T11mdDLNRS6O6mLnYe2d_maven.png", "is_visible": true, "topic_desc": "UI/Product designers often produce visually decent interfaces but struggle to build consistent, scalable design decisions across a product. Without a design system mindset, they recreate UI elements repeatedly, make arbitrary typography/color choices, and struggle to collaborate with developers.", "brand_logos": {"label": "Previously at", "logos": []}, "section_type": "main", "instructor_infos": [{"name": "Maxime Rabot", "uuid": "6be1547a-18c9-4bac-aa82-b4f5b71342f5", "logos": null, "title": "Independant visual designer & founder of House of Maestro", "bio_html": "<p>Design and code has been my craft and passion for over 15 years. I’ve spent the last 5 years diving deep into design systems, but at heart, I’m a creator who believes in the power of human connection through design.</p><p><br></p><p>​​At&nbsp;<a href=\"https://www.house-of-maestro.com/\" rel=\"noopener noreferrer\" target=\"_blank\">House of Maestro</a>, we believe design is more than visuals — it’s about care, craft, and creating experiences that feel human.</p>", "headline": "", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/LTR8emqvRO8Bfecvt67w_perso.jpg", "highlights": null, "linkedin_url": null, "twitter_handle": null, "highlights_html": null, "image_url_no_bg": null, "custom_social_link": null}], "learning_outcomes": [{"uuid": "5d08287b-8c55-4b3d-8a0c-130736d0e7c4", "title": "Learn best Figma features and design system best practices", "description": "Manage your typography, colors, spacing and avoid any guesswork when building your design templates."}, {"uuid": "953f4cdf-226a-49c7-8372-d80dca0d4c96", "title": "Design and build with design system thinking in mind", "description": "Understand the logic of design systems and use atomic design methodology to build digital products."}, {"uuid": "646d879c-44fd-42a9-b7fe-fc32851f7262", "title": "Prepare for development", "description": "Prepare your work for development handoff and learn how to set a common language."}]}], "created_at": "2026-03-13T08:25:20.424044Z", "updated_at": "2026-03-13T08:28:30.021233Z", "theme": null, "attrs": {"type": "workshop", "is_canceled": false, "is_delisted": false, "connected_course_id": 19327, "course_stripe_promo_code_id": null}, "school_event": {"id": 8368, "slug": null, "title": "How to build consistent and scalable designs", "description": null, "start_datetime": "2026-03-25T16:00:00Z", "end_datetime": "2026-03-25T16:45:00Z", "start_date": "2026-03-25", "start_time": "17:00:00", "duration_min": 45, "timezone": "Europe/Berlin", "has_internal_recording": true, "is_recording_public": true}, "num_signups": 73}}, {"id": 6673, "school_id": 8540, "is_visible_on_discovery_page": true, "is_canceled": false, "is_delisted": false, "connected_course_id": 17080, "workshop_tags": [{"id": 2, "tag_type": "category", "label": "Product", "slug": "product-ll", "description": null, "parent_tag_id": null}, {"id": 30, "tag_type": "category", "label": "Design", "slug": "design-ll", "description": null, "parent_tag_id": null}, {"id": 98, "tag_type": "public_collection", "label": "Featured", "slug": "featured-ll", "description": null, "parent_tag_id": null}, {"id": 290, "tag_type": "persona", "label": "For Product Managers", "slug": "for-product-managers", "description": null, "parent_tag_id": null}, {"id": 296, "tag_type": "persona", "label": "For Designers", "slug": "for-designers", "description": null, "parent_tag_id": null}, {"id": 310, "tag_type": "persona", "label": "For User Researchers", "slug": "for-user-researchers", "description": null, "parent_tag_id": null}, {"id": 321, "tag_type": "topic", "label": "Design Systems", "slug": "design-systems", "description": null, "parent_tag_id": null}, {"id": 322, "tag_type": "topic", "label": "Figma", "slug": "figma", "description": null, "parent_tag_id": null}], "published_content_page": {"id": 9126, "school_id": 8540, "slug": "f29b69", "content_page_type": "workshop", "sections": [{"uuid": "d4b95e2c-cac3-44d8-9d33-d0f600927a98", "title": "Design Figma Files That Scale", "version": 1, "image_url": "https://d2426xcxuh3ht5.cloudfront.net/6DXyBzdhShe9TbHttJlD_Lightninglesson_figma%20files%402x.jpg", "is_visible": true, "topic_desc": "Most designers can create a good-looking screen. The real challenge starts when that work needs to hand off, survive a rebrand, or be picked up by someone who wasn't in the room. This session sharpens the judgment that keeps files usable long after you've moved on.", "brand_logos": {"label": "", "logos": []}, "section_type": "main", "instructor_infos": [{"name": "Christine Vallaure", "uuid": "f5e8994f-730d-472e-88a3-b66e43d893a0", "logos": null, "title": "Founder moonlearning · 2× Figma Config Speaker · Awwwards Jury Member", "bio_html": "<p>I’m&nbsp;<a href=\"https://www.linkedin.com/in/christinevallaure\" rel=\"noopener noreferrer\" target=\"_blank\">Christine Vallaure</a>, founder of&nbsp;<a href=\"https://www.moonlearning.io/\" rel=\"noopener noreferrer\" target=\"_blank\">moonlearning.io</a>, a learning platform for UI design, Figma, and hands-on product building.</p><p>I’m a&nbsp;2× Figma Config speaker&nbsp;(speaking on&nbsp;<em>using Figma like the pros</em>&nbsp;and on&nbsp;<em>building and shipping products solo</em>), the author of&nbsp;<a href=\"https://thesolo.io/\" rel=\"noopener noreferrer\" target=\"_blank\">The Solo,</a> a book about independent product building&nbsp;and an&nbsp;Awwwards jury member.</p><p>Teaching is a core part of my work and passion, especially at the&nbsp;intersection of design and code. I focus on helping designers understand how their decisions translate into real, working products.</p><p>I still build hands-on. Most of my work lives between design, code, and the tools that shape how ideas get shipped, always with a&nbsp;no-hype, craft-first approach.</p><p><br></p><p>You can find my full profile at&nbsp;<a href=\"https://www.christinevallaure.com/\" rel=\"noopener noreferrer\" target=\"_blank\">christinevallaure.com.</a></p>", "headline": "", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/pN1HDwh2TSC0dH3BDOhG_christine%20vallaure.jpg", "highlights": null, "linkedin_url": null, "twitter_handle": null, "highlights_html": null, "image_url_no_bg": null, "custom_social_link": null}], "learning_outcomes": [{"uuid": "1894459f-7aac-4942-8d05-654b8a0e60de", "title": "Why overengineering can be the fastest way to break a file", "description": "Using powerful features isn’t the goal. Knowing when they help and when they get in the way is."}, {"uuid": "f30cdbc5-ee1c-4043-ab41-3e7335d60030", "title": "The structure behind files that scale", "description": "Variables, components, states, and naming. How each piece works together to keep a file calm and predictable as projects"}, {"uuid": "54a437b5-93db-4bac-98cf-0fad7ffdf087", "title": "Build Figma files that stay usable months later", "description": "Sustainable workflows aren’t about perfection. They’re about files that can be understood, changed, and reused over time"}]}], "created_at": "2026-04-01T19:57:08.160564Z", "updated_at": "2026-04-01T19:58:59.861755Z", "theme": null, "attrs": {"type": "workshop", "is_canceled": false, "is_delisted": false, "connected_course_id": 17080, "course_stripe_promo_code_id": null}, "school_event": {"id": 9126, "slug": null, "title": "Design Figma Files That Scale", "description": null, "start_datetime": "2026-04-07T17:00:00Z", "end_datetime": "2026-04-07T17:30:00Z", "start_date": "2026-04-07", "start_time": "19:00:00", "duration_min": 30, "timezone": "Europe/Madrid", "has_internal_recording": true, "is_recording_public": true}, "num_signups": 988}}], "exploreCourses": null, "workshopTags": [{"id": 30, "tag_type": "category", "label": "Design", "slug": "design-ll", "description": null, "parent_tag_id": null}, {"id": 296, "tag_type": "persona", "label": "For Designers", "slug": "for-designers", "description": null, "parent_tag_id": null}, {"id": 310, "tag_type": "persona", "label": "For User Researchers", "slug": "for-user-researchers", "description": null, "parent_tag_id": null}, {"id": 321, "tag_type": "topic", "label": "Design Systems", "slug": "design-systems", "description": null, "parent_tag_id": null}, {"id": 322, "tag_type": "topic", "label": "Figma", "slug": "figma", "description": null, "parent_tag_id": null}], "videoChapters": [], "navPages": [{"category": {"slug": "ai", "href": "/courses/ai", "title": "AI", "palette": {"--palette-category-base": "#460952", "--palette-category-highlight": "#931FAA", "--palette-category-border": "#EDA6FB"}}, "topics": [{"title": "Agentic AI", "slug": "ai/agentic-ai", "href": "/courses/ai/agentic-ai"}, {"title": "Coding with AI", "slug": "ai/ai-coding", "href": "/courses/ai/ai-coding"}, {"title": "AI Workflows", "slug": "ai/ai-workflows", "href": "/courses/ai/ai-workflows"}, {"title": "Claude Code", "slug": "ai/claude-code", "href": "/courses/ai/claude-code"}, {"title": "OpenClaw", "slug": "ai/openclaw", "href": "/courses/ai/openclaw"}, {"title": "Vibe Coding", "slug": "ai/vibe-coding", "href": "/courses/ai/vibe-coding"}, {"title": "AI Evals", "slug": "ai/evals", "href": "/courses/ai/evals"}, {"title": "AI Transformation", "slug": "ai/ai-transformation", "href": "/courses/ai/ai-transformation"}, {"title": "RAG & Search", "slug": "ai/rag-search", "href": "/courses/ai/rag-search"}, {"title": "MCP", "slug": "ai/mcp", "href": "/courses/ai/mcp"}, {"title": "AI for PMs", "slug": "ai/for-product-managers", "href": "/courses/ai/for-product-managers"}, {"title": "AI for Engineers", "slug": "ai/for-engineers", "href": "/courses/ai/for-engineers"}, {"title": "AI for Designers", "slug": "ai/for-designers", "href": "/courses/ai/for-designers"}, {"title": "AI for Marketers", "slug": "ai/for-marketers", "href": "/courses/ai/for-marketers"}, {"title": "AI for Founders", "slug": "ai/for-founders", "href": "/courses/ai/for-founders"}]}, {"category": {"slug": "product", "href": "/courses/product", "title": "Product", "palette": {"--palette-category-base": "#510B00", "--palette-category-highlight": "#B33600", "--palette-category-border": "#F7804D"}}, "topics": [{"title": "AI for PMs", "slug": "for-product-managers/ai", "href": "/courses/for-product-managers/ai"}, {"title": "Agentic AI", "slug": "for-product-managers/agentic-ai", "href": "/courses/for-product-managers/agentic-ai"}, {"title": "AI Evals", "slug": "for-product-managers/ai-evals", "href": "/courses/for-product-managers/ai-evals"}, {"title": "Vibe Coding", "slug": "for-product-managers/vibe-coding", "href": "/courses/for-product-managers/vibe-coding"}, {"title": "Product Sense", "slug": "for-product-managers/product-sense", "href": "/courses/for-product-managers/product-sense"}, {"title": "Product Discovery", "slug": "for-product-managers/product-discovery", "href": "/courses/for-product-managers/product-discovery"}, {"title": "User Research", "slug": "for-product-managers/user-research", "href": "/courses/for-product-managers/user-research"}, {"title": "Prototyping", "slug": "for-product-managers/prototyping", "href": "/courses/for-product-managers/prototyping"}, {"title": "Growth", "slug": "for-product-managers/growth", "href": "/courses/for-product-managers/growth"}, {"title": "Analytics", "slug": "for-product-managers/analytics", "href": "/courses/for-product-managers/analytics"}, {"title": "Tech Foundations", "slug": "for-product-managers/technical-foundations", "href": "/courses/for-product-managers/technical-foundations"}, {"title": "Strategy", "slug": "for-product-managers/strategy", "href": "/courses/for-product-managers/strategy"}, {"title": "Influence", "slug": "for-product-managers/influence", "href": "/courses/for-product-managers/influence"}, {"title": "Leadership", "slug": "for-product-managers/leadership", "href": "/courses/for-product-managers/leadership"}, {"title": "Career Growth", "slug": "for-product-managers/career-growth", "href": "/courses/for-product-managers/career-growth"}]}, {"category": {"slug": "engineering", "href": "/courses/engineering", "title": "Engineering", "palette": {"--palette-category-base": "#00332F", "--palette-category-highlight": "#00746B", "--palette-category-border": "#88B7B2"}}, "topics": [{"title": "AI for Engineers", "slug": "for-engineers/ai", "href": "/courses/for-engineers/ai"}, {"title": "Agentic AI", "slug": "for-engineers/agentic-ai", "href": "/courses/for-engineers/agentic-ai"}, {"title": "Coding with AI", "slug": "for-engineers/ai-coding", "href": "/courses/for-engineers/ai-coding"}, {"title": "Claude Code", "slug": "for-engineers/claude-code", "href": "/courses/for-engineers/claude-code"}, {"title": "OpenClaw", "slug": "for-engineers/openclaw", "href": "/courses/for-engineers/openclaw"}, {"title": "MCP", "slug": "for-engineers/mcp", "href": "/courses/for-engineers/mcp"}, {"title": "RAG & Search", "slug": "for-engineers/rag-search", "href": "/courses/for-engineers/rag-search"}, {"title": "AI Evals", "slug": "for-engineers/ai-evals", "href": "/courses/for-engineers/ai-evals"}, {"title": "Machine Learning", "slug": "for-engineers/ml", "href": "/courses/for-engineers/ml"}, {"title": "LLM Ops", "slug": "for-engineers/llm-ops", "href": "/courses/for-engineers/llm-ops"}, {"title": "Context Eng", "slug": "for-engineers/context-engineering", "href": "/courses/for-engineers/context-engineering"}, {"title": "Security", "slug": "for-engineers/security", "href": "/courses/for-engineers/security"}, {"title": "System Design", "slug": "for-engineers/system-design", "href": "/courses/for-engineers/system-design"}, {"title": "Leadership", "slug": "for-engineers/leadership", "href": "/courses/for-engineers/leadership"}, {"title": "Career Growth", "slug": "for-engineers/career-growth", "href": "/courses/for-engineers/career-growth"}]}, {"category": {"slug": "design", "href": "/courses/design", "title": "Design", "palette": {"--palette-category-base": "#38085F", "--palette-category-highlight": "#772CBB", "--palette-category-border": "#B5A2D0"}}, "topics": [{"title": "AI for Designers", "slug": "for-designers/ai", "href": "/courses/for-designers/ai"}, {"title": "Agentic AI", "slug": "for-designers/agentic-ai", "href": "/courses/for-designers/agentic-ai"}, {"title": "Vibe Coding", "slug": "for-designers/vibe-coding", "href": "/courses/for-designers/vibe-coding"}, {"title": "Prototyping", "slug": "for-designers/prototyping", "href": "/courses/for-designers/prototyping"}, {"title": "Figma", "slug": "for-designers/figma", "href": "/courses/for-designers/figma"}, {"title": "Design Systems", "slug": "for-designers/design-systems", "href": "/courses/for-designers/design-systems"}, {"title": "User Research", "slug": "for-designers/user-research", "href": "/courses/for-designers/user-research"}, {"title": "Product Discovery", "slug": "for-designers/product-discovery", "href": "/courses/for-designers/product-discovery"}, {"title": "UX", "slug": "for-designers/ux", "href": "/courses/for-designers/ux"}, {"title": "UI", "slug": "for-designers/ui", "href": "/courses/for-designers/ui"}, {"title": "Visual Design", "slug": "for-designers/visual-design", "href": "/courses/for-designers/visual-design"}, {"title": "Design Strategy", "slug": "for-designers/strategy", "href": "/courses/for-designers/strategy"}, {"title": "Influence", "slug": "for-designers/influence", "href": "/courses/for-designers/influence"}, {"title": "Leadership", "slug": "for-designers/leadership", "href": "/courses/for-designers/leadership"}, {"title": "Career Growth", "slug": "for-designers/career-growth", "href": "/courses/for-designers/career-growth"}]}, {"category": {"slug": "marketing", "href": "/courses/marketing", "title": "Marketing", "palette": {"--palette-category-base": "#431532", "--palette-category-highlight": "#943170", "--palette-category-border": "#C99EB5"}}, "topics": [{"title": "AI for Marketers", "slug": "for-marketers/ai", "href": "/courses/for-marketers/ai"}, {"title": "Agentic AI", "slug": "for-marketers/agentic-ai", "href": "/courses/for-marketers/agentic-ai"}, {"title": "Vibe Coding", "slug": "for-marketers/vibe-coding", "href": "/courses/for-marketers/vibe-coding"}, {"title": "Automation", "slug": "for-marketers/marketing-automation", "href": "/courses/for-marketers/marketing-automation"}, {"title": "Content Marketing", "slug": "for-marketers/content-marketing", "href": "/courses/for-marketers/content-marketing"}, {"title": "Demand Gen", "slug": "for-marketers/demand-generation", "href": "/courses/for-marketers/demand-generation"}, {"title": "Go-to-Market", "slug": "for-marketers/gtm", "href": "/courses/for-marketers/gtm"}, {"title": "Product Marketing", "slug": "for-marketers/product-marketing", "href": "/courses/for-marketers/product-marketing"}, {"title": "Positioning", "slug": "for-marketers/positioning", "href": "/courses/for-marketers/positioning"}, {"title": "Social Media", "slug": "for-marketers/social-media", "href": "/courses/for-marketers/social-media"}, {"title": "Brand", "slug": "for-marketers/brand", "href": "/courses/for-marketers/brand"}, {"title": "B2B Marketing", "slug": "for-marketers/b2b", "href": "/courses/for-marketers/b2b"}, {"title": "SEO & AEO", "slug": "for-marketers/seo-aeo", "href": "/courses/for-marketers/seo-aeo"}, {"title": "Strategy", "slug": "for-marketers/strategy", "href": "/courses/for-marketers/strategy"}, {"title": "Leadership", "slug": "for-marketers/leadership", "href": "/courses/for-marketers/leadership"}]}, {"category": {"slug": "leadership", "href": "/courses/leadership", "title": "Leadership", "palette": {"--palette-category-base": "#50090E", "--palette-category-highlight": "#A9202A", "--palette-category-border": "#D49C98"}}, "topics": [{"title": "AI for Leaders", "slug": "for-leaders/ai", "href": "/courses/for-leaders/ai"}, {"title": "Agentic AI", "slug": "for-leaders/agentic-ai", "href": "/courses/for-leaders/agentic-ai"}, {"title": "AI Transformation", "slug": "for-leaders/ai-transformation", "href": "/courses/for-leaders/ai-transformation"}, {"title": "AI Governance", "slug": "for-leaders/ai-governance", "href": "/courses/for-leaders/ai-governance"}, {"title": "Communication", "slug": "for-leaders/communication", "href": "/courses/for-leaders/communication"}, {"title": "Influence", "slug": "for-leaders/influence", "href": "/courses/for-leaders/influence"}, {"title": "Strategy", "slug": "for-leaders/strategy", "href": "/courses/for-leaders/strategy"}, {"title": "Management", "slug": "for-leaders/management", "href": "/courses/for-leaders/management"}, {"title": "People Operations", "slug": "for-leaders/people-operations", "href": "/courses/for-leaders/people-operations"}, {"title": "Exec Presence", "slug": "for-leaders/executive-presence", "href": "/courses/for-leaders/executive-presence"}, {"title": "Storytelling", "slug": "for-leaders/storytelling", "href": "/courses/for-leaders/storytelling"}, {"title": "Goal-setting", "slug": "for-leaders/goal-setting", "href": "/courses/for-leaders/goal-setting"}, {"title": "Personal Brand", "slug": "for-leaders/personal-brand", "href": "/courses/for-leaders/personal-brand"}, {"title": "Career Growth", "slug": "for-leaders/career-growth", "href": "/courses/for-leaders/career-growth"}]}, {"category": {"slug": "founders", "href": "/courses/founders", "title": "Founders", "palette": {"--palette-category-base": "#0C3209", "--palette-category-highlight": "#077202", "--palette-category-border": "#69C662"}}, "topics": [{"title": "AI for Founders", "slug": "for-founders/ai", "href": "/courses/for-founders/ai"}, {"title": "Agentic AI", "slug": "for-founders/agentic-ai", "href": "/courses/for-founders/agentic-ai"}, {"title": "AI Workflows", "slug": "for-founders/ai-workflows", "href": "/courses/for-founders/ai-workflows"}, {"title": "Vibe Coding", "slug": "for-founders/vibe-coding", "href": "/courses/for-founders/vibe-coding"}, {"title": "Prototyping", "slug": "for-founders/prototyping", "href": "/courses/for-founders/prototyping"}, {"title": "Product Sense", "slug": "for-founders/product-sense", "href": "/courses/for-founders/product-sense"}, {"title": "Positioning", "slug": "for-founders/positioning", "href": "/courses/for-founders/positioning"}, {"title": "Product Discovery", "slug": "for-founders/product-discovery", "href": "/courses/for-founders/product-discovery"}, {"title": "Management", "slug": "for-founders/management", "href": "/courses/for-founders/management"}, {"title": "Strategy", "slug": "for-founders/strategy", "href": "/courses/for-founders/strategy"}, {"title": "Go-to-Market", "slug": "for-founders/gtm", "href": "/courses/for-founders/gtm"}, {"title": "Personal Brand", "slug": "for-founders/personal-brand", "href": "/courses/for-founders/personal-brand"}, {"title": "Leadership", "slug": "for-founders/leadership", "href": "/courses/for-founders/leadership"}, {"title": "Fundraising", "slug": "for-founders/fundraising", "href": "/courses/for-founders/fundraising"}, {"title": "PMF", "slug": "for-founders/product-market-fit", "href": "/courses/for-founders/product-market-fit"}]}, {"category": {"slug": "more", "href": "/courses/more", "title": "More", "palette": {"--palette-category-base": "#1E2C2B", "--palette-category-highlight": "#4A6361", "--palette-category-border": "#B9C1BE"}}, "topics": [{"title": "Everyone", "slug": "for-everyone", "href": "/courses/for-everyone"}, {"title": "Operators", "slug": "for-operators", "href": "/courses/for-operators"}, {"title": "Data Scientists", "slug": "for-data-scientists", "href": "/courses/for-data-scientists"}, {"title": "Business Analysts", "slug": "for-business-analysts", "href": "/courses/for-business-analysts"}, {"title": "User Researchers", "slug": "for-user-researchers", "href": "/courses/for-user-researchers"}, {"title": "Customer Success", "slug": "for-customer-success", "href": "/courses/for-customer-success"}, {"title": "Project Managers", "slug": "for-project-managers", "href": "/courses/for-project-managers"}, {"title": "HR Professionals", "slug": "for-hr-professionals", "href": "/courses/for-hr-professionals"}, {"title": "Sales People", "slug": "for-sales-people", "href": "/courses/for-sales-people"}, {"title": "Lawyers", "slug": "for-lawyers", "href": "/courses/for-lawyers"}, {"title": "Finance", "slug": "for-finance-professionals", "href": "/courses/for-finance-professionals"}, {"title": "Investors", "slug": "for-investors", "href": "/courses/for-investors"}, {"title": "Real Estate", "slug": "for-real-estate-agents", "href": "/courses/for-real-estate-agents"}, {"title": "Educators", "slug": "for-educators", "href": "/courses/for-educators"}, {"title": "Creators", "slug": "for-creators", "href": "/courses/for-creators"}]}], "navTagLinks": [{"tag": {"id": 321, "tag_type": "topic", "label": "Design Systems", "slug": "design-systems", "description": null, "parent_tag_id": null}, "link_slug": "for-designers/design-systems"}, {"tag": {"id": 322, "tag_type": "topic", "label": "Figma", "slug": "figma", "description": null, "parent_tag_id": null}, "link_slug": "for-designers/figma"}, {"tag": {"id": 296, "tag_type": "persona", "label": "For Designers", "slug": "for-designers", "description": null, "parent_tag_id": null}, "link_slug": "for-designers"}, {"tag": {"id": 310, "tag_type": "persona", "label": "For User Researchers", "slug": "for-user-researchers", "description": null, "parent_tag_id": null}, "link_slug": "for-user-researchers"}], "now": "2026-05-19T22:53:51.598Z"}, "__N_SSG": true}, "page": "/p/[slug]/[...ignored]", "query": {"slug": "aabf2d", "ignored": ["variables-for-design-systems"]}, "buildId": "qPlLjBFLQ9fnkFKJ7n7E-", "isFallback": false, "isExperimentalCompile": false, "gsp": true, "scriptLoader": []}}