13:13
Tokens, variables, and styles - Update: Introduction to design systems
Figma is free to use. Sign up here: https://bit.ly/3msp0OV Habitz design system (with variables): ...
6:54
When to Use Component Level Tokens/Variables in Figma
Learn about what is a component-level token/variable and when to use them in the context of our design system. Become UI ...
9:40
Figma Tokens: Primitives, Semantic, and Component Tokens
Learn what Figma tokens are, and whether to use primitives, semantic, or component tokens in your design system! Here's my ...
19:43
Introduction to Design Systems: Design Tokens #designtutorial #designsystems #productdesign
Design tokens is a fundamental part of design system creation. If you're managing a design system or you create designs for a ...
50:19
Design Tokens for Dummies | A Complete Guide
Want to streamline your UX design, UI design, and Product design workflow? Design tokens are the key to building scalable, ...
4:00:41
Learn Design Systems: Figma Variables, Components, AI, and More
AI WORKFLOWS & MORE: https://uicollective.co/ Follow me on X: https://x.com/KirkMDesign We help enterprises make their ...
16:03
I Ran GPT-6 for 3 Days Non-Stop and It Created This…
I spent over 3 billion tokens and more than three days trying to build complete games with GPT-6 using only prompting.
4:51
Complex example of Component tokens
Complex example of Component tokens شاهد نفس الفيديو باللغه العربيه: https://youtu.be/_2wyEy35jTE?si=-VykOfXQVxQN1RCi ...
29:20
Build a Responsive Text Component Using Design Tokens - Figma to React Tutorial
Learn how to build a component that stays in sync with your design system. In this tutorial, we'll set up a complete pipeline from ...
27:18
Design Tokens and You - Max Thorson - UtahJS 2023
A look at our component library and how we built a pipeline from Figma to React/Android/iOS using design tokens as a ...
3:28
Design Token Naming Structure — Best Practices for Scalability & Clarity
Design Token Naming Structure — Best Practices for Scalability & Clarity* شاهد الفيديو باللغه العربيه: https://youtu.be/bjiyd_f-3Ik ...
12:38
Google Killed Component Tokens | Here's Why (Material Design 3 Deep Dive)
After breaking down Ant Design's token structure last time, we're stepping it up. This time, we're dissecting Google Material ...
9:00
How to Research Components Before You Build | Open-Source Benchmarking and Component Types
What you'll learn - Why component tokens feel hard and two approaches based on your project situation - How to visually identify ...
8:55
How I Build a Component Library in 2 days (Figma to Claude Code to Storybook)
Most teams already have components designed in Figma, what's missing is the code. Manual handoffs slow everything down.
22:28
Figma Button Components (Variables, Tokens, Variants & Component Properties ) | Design System Part 5
Follow along with this Figma file - https://www.figma.com/community/file/1276818578858229279 Thanks for watching, TD ...
12:22
Reverse Engineering Access Tokens Part 1
This tutorial walks through the process of reverse engineering malware which uses AdjustTokenPrivileges to enable ...
14:28
Component Tokens in Figma: Build a Three-Tier Token System
Build component tokens in Figma with primitives, semantic roles, and reusable component-level aliases. See a Light and Dark ...
42:44
Tokens Studio Plugin - Example - Create Component Tokens
Figma Community File Example:* https://www.figma.com/community/file/1260252625318655411 ...
1:00:13
Scalable UI design: tokens, components & variants | Penpot Hands-On Demo
What makes a good component? How can design tokens help improve your design workflow? In this demo, Laura Kalbag, Penpot ...
22:38
Design Tokens and CSS: Systemising the Design of Components - Stuart Robson | December 2019
Stuart Robson (05/12/19) Aren't Design Tokens just spicy Sass variables? Design Tokens allow you to define the low-level values ...