5,672
likes
91
comments
daily view 0
monthly view 0

Share

Live Analytics

Comments 0

Tokens, variables, and styles - Update: Introduction to design systems Analytics Table

Income Estimates for Tokens, variables, and styles - Update: Introduction to design systems

Based on this YouTube video's total view count of 360K views and industry-standard rates, the estimated total earning is $252 - $720 through ad revenue. Historical data is not yet available to calculate daily, weekly, or monthly averages.

About Tokens, variables, and styles - Update: Introduction to design systems

Explore Tokens, variables, and styles - Update: Introduction to design systems with 360,090 views, 5,672 likes, and 91 comments. Experience the impact of this video content that has captured audience attention.

Figma is free to use. Sign up here: https://bit.ly/3msp0OV Habitz design system (with variables): https://www.figma.com/community/file/1298672675597243186 Previously in our Intro to Design Systems course, we followed Kai—a product designer at a habit-forming app called Habitz—on their journey to building their first design system in Figma. Kai has been learning about design tokens and believes this could be the next step in supporting scalability of the Habitz design system. Come along with us to learn more! Introduction to design systems playlist: https://youtube.com/playlist?list=PLXDU_eVOJTx6vqOWJSWH87Zb5-riiG63A&feature=shared Styles in Figma: https://help.figma.com/hc/en-us/articles/360039238753-Styles-in-Figma Guide to variables in Figma: https://help.figma.com/hc/en-us/articles/15339657135383-Guide-to-variables-in-Figma The difference between variables and styles: https://help.figma.com/hc/en-us/articles/15871097384471-The-difference-between-variables-and-styles Components, styles, and shared library best practices: https://www.figma.com/best-practices/components-styles-and-shared-libraries/ Chapters: 00:00 - Introduction 00:55 - Design tokens 01:12 - What are design tokens? 02:16 - Aliasing 03:49 - Token organization 04:22 - Primitive tokens 04:55 - Semantic tokens 05:37 - Component-specific tokens 06:34 - Token ordering 07:07 - Implement tokens in Figma 08:16 - Migrate tokens 8:40 - Creating primitive tokens 09:08 - Tip: color scoping and hide from publishing 09:31 - Creating tokens collection 10:39 - Dark mode and spacing tokens 11:26 - Spacing tokens 11:40 - Tips for naming tokens 12:36 - Wrap up ____________________________________________________ Find us on ā¬‡ļø Twitter: https://twitter.com/figma Instagram: https://www.instagram.com/figma LinkedIn: https://www.linkedin.com/company/figma Figma forum: https://forum.figma.com/ ____________________________________________________ #Figma #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems

About YouTube Real-Time View Count

With SocialCounts.org’s view counter, track your YouTube video’s live view count and YouTube likes count in real time with fast, reliable updates.

Watch every YouTube video live view count rise with our real-time YouTube views tracker—built for accuracy and minimal delay.

Follow YouTube real time views as they happen, using our dedicated view counter for YouTube videos.

Get up-to-date live view count on YouTube and see real-time growth with SocialCounts.org’s smart tracking tools.

Embed Widget

Parameters:

  • fullscreen=true - Fullscreen counter
  • graph=true - Live graph chart
  • counter=0/1/2 - Select counter (0=likes, 1=views, 2=comments)
URL

Click to copy the embed URL to your clipboard