Join Kaelig Deloumeau-Prigent, Co-chair of the Design Tokens Community Group and Chad Bergman, Designer Advocate at Figma, for their Schema by Figma 2025 talks on design tokens — from the latest W3C updates to how Figma’s design systems team is applying them across multiple brands.
Design Execution · Figma
Design systems are essential for maintaining consistency, efficiency, and scalability. Central to these systems are design tokens — the fundamental units that encapsulate visual design decisions such as colors, typography, spacing, and more.
Design Execution · Felix
Design tokens have provided a visual foundation of many design systems since Salesforce pioneered the concept in 2014. I wrote an impassioned article on design tokens in 2016, and my energy on the topic continues to grow. As systems of visual style spread across a widening landscape of components, platforms and outputs, design tokens — and their names — are increasingly important.
Design Execution · Nathan Curtis
An expert guide by Nathan Curtis on managing the inbound/outbound support workflow for a design system.
Learn how to build a complete Figma design system from scratch in this full course. Whether you’re a beginner or an experienced designer, this step-by-step guide covers everything you need; from variables, tokens, and auto layout to advanced component structures, documentation, and scaling your system for enterprise teams.
Design Execution · UI Collective
This Figma Crash Course for 2026 to help you create web design from scratch. We will be creating a website from scratch inside Figma using the latest methods like auto layouts and components. This video will help you both build and publish a web design.
Design Execution · Codex Community
If you’re building an enterprise‑grade design system or trying to keep a fast-growing product consistent, this video walks through a complete Figma Variables setup—collections, modes, naming, tokens, and the workflows that keep teams sane at scale.
A deep dive into the craft of visual identity, covering typography systems, color theory, logo construction, and creating cohesive brand guidelines that serve as the foundation for professional-grade design systems.
Design Execution · SuperHi
Focuses on the facilitation of cross-functional design sprints, teaching you how to lead stakeholder workshops, prototype under pressure, and manage seamless team handoffs.
Design Execution · AJ&Smart
A lead management system that enables businesses to manage project pipelines, create custom signup forms, and automate follow-up workflows.
Business & Growth · LeaDash by Mizark
A rigorous, project-based specialization covering the full stack of visual architecture, from fundamental layout grids and typography to aesthetic consistency and interaction design.
Design Execution · CalArts
Learn to work Figma from end to end. This includes maximizing Figma features, managing projects, creating handover documents, and more.
Design Execution · Mizko
Teaches the core fundamentals of creating a design system, including how to build effective documentation and streamline team workflows.
Design Execution · Design System University
Visual development platform for building professional websites.
Design Execution · Webflow, Inc.
Project management for high-performance software teams.
Strategic Thinking · Linear, Inc.
Suite of tools to ensure accessibility compliance in design.
Design Execution · Stark, Inc.
Automates workflows by connecting design and business apps.
Business & Growth · Celonis
Platform to centralize and document design system knowledge.
Design Execution · Zeroheight Ltd.
Comprehensive SEO suite for research and content strategy.
Business & Growth · Ahrefs Pte. Ltd.
Heatmaps and feedback tools to optimize user experience.
Strategic Thinking · Contentsquare
Product analytics for tracking user behavior and engagement.
Business & Growth · Mixpanel, Inc.
Research platform for remote user testing and actionable insights.
Strategic Thinking · Maze Design
Tool for building and publishing high-fidelity, interactive websites.
Design Execution · Framer
Manages design tokens in Figma for design-to-code consistency.
Design Execution · Tokens Studio
Development environment for UI components to improve documentation.
Design Execution · Chromatic
Advanced AI assistant for strategic analysis and design logic.
Strategic Thinking · Anthropic
AI-powered code editor optimized for "vibe coding" and dev workflows.
Career & Craft · Anysphere (SpaceX)
Workspace for documentation, wikis, and project tracking.
Design Execution · Notion Labs, Inc.
The industry-standard interface design tool for collaborative work.
Design Execution · figma inc
As the web continues to become more complex, designing static pages has become untenable, so that many of us have started to approach design in a more systematic way. In this book, Alla Kholmatova sets out to identify what makes an effective design system that can empower teams to create great digital products.
Design Execution · Alla Kholmatova
Accessibility annotations help capture design intent that cannot be conveyed through visual design alone. This can help prevent many accessibility issues earlier and create more usable digital experiences.
Design Execution · CVS Health, daniel Henderson-ede, Jane Maarten & oliviera, kevin
Get a strong foundation in digital accessibility to make your websites and apps work well for people with disabilities, meet international standards, and provide a better user experience for everyone.
Career & Craft · W3C Web Accessibility Initiative (WAI)
We're tasked with making interfaces for more users in more contexts using more browsers on more devices with more screen sizes and more capabilities than ever before. That's a daunting task indeed. Thankfully, design systems are here to help.
Design Execution · Brad frost
Learn Figma. Go from an absolute beginner to a confident UI/UX designer, ready to build real-world projects and a strong design portfolio.
Design Execution · freeCodeCamp.org & Supercreator
In this video, you will learn how to build a full Duolingo clone in React Native using a workflow called Practical Vibe Coding. AI has turned months of work into a single weekend; allowing you to ship a real apps without writing a single line of code. The app isn't the point; the workflow is. Let’s go.
Design Execution · JavaScript Mastery
Insights into how developer-centric systems like shadcn/ui are reshaping modern product design workflows.
Design Execution · Pawel Klasa
Skills are quickly becoming one of the most popular ways to improve Claude Code efficiency for a specific task . But creating a new skill from scratch can take a lot of time. That’s why the best way to create a new skill is to explore ready-to-use skills from community repositories.
Career & Craft · Nick Babich
A conceptual overview of how design systems create a "whole" from complex, lego-like components.
Design Execution · Ali Jaffar
I attempt to break down a structured approach to prompting AI app builders and coding agents, especially for design and PM use cases. I cover frameworks and mental models that save time and money, and the workflow that turns vague ideas into buildable instructions.
Design Execution · Anna Arteeva
It’s necessary to tell about the benefits of having the consistent visual language and working design system anymore, everyone is talking about it nowadays. But there are many ways to execute it on practice. Which tools to use, how to build the right workflow and communication in the team. There is no one-fit-all solution yet, what works for big established teams will not work for smaller ones or single designers.
A foundational look at what design systems are, including components, documentation, and the design-to-development workflow.
Design Execution · Oluwafemiii
In this video, I walk through how I use AI to support a real design system in 2026. This is not about AI replacing design work. It's about where AI actually fits in day-to-day design system workflows.
In this video, we're diving into the Figma Mastermind. Have you ever thought about how much more you could achieve if you used Figma to its full potential? Many designers only scratch the surface, using frames, components, and basic layouts, but real designers in 2026 go way beyond that. They design with systems, incorporating AI tools and scalability into every project.
Design Execution · Simplilearn
A high-level overview of established systems like Airtable, Ant Design, and Carbon, focusing on the problems they solve.
Design Execution · Pinal Savaliya
A guide to the best practices for handing off @Figma designs to developers is finally here! Today we're exploring the correct way to annotate your design files, organize your design tokens and Figma variables, and build mobile optimized components for your design system!
Discover the most important graphic design trends of 2026 and learn exactly how to use them the right way in your own work!
Design Execution · Satori Graphics
All Resources46
