Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Design Like A Pro: Figma Tokens For Effective Design Systems
#1
Design Like A Pro: Figma Tokens For Effective Design Systems

[Bild: 18c0d6c3c4526fb4c1f14717fc30a629.jpeg]

Published 11/2024
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 343.11 MB | Duration: 0h 59m

Master Figma Tokens to Build Consistent and Scalable Design Systems for Seamless Collaboration and Efficiency


What you'll learn
Managing Design Tokens
Using Primitive Tokens
Explore Semantic Tokens
Token Structuring and Organization
Typography and Spacing Tokens
Naming Conventions for Tokens
Radius and Component Tokens
Apply Design Tokens in Your Workflow
Requirements
No prior knowledge of tokens is required
Basic understanding of Figma is helpful.
Description
Unlock the power of Figma design tokens and transform the way you build and scale design systems! In this course, you will learn how to create and manage design tokens to ensure consistency, efficiency, and flexibility in your projects. Whether you're a seasoned designer or just getting started, this course will provide you with actionable insights on leveraging Figma tokens for better control over typography, colors, spacing, and variants. What You Will Learn:How to set up design tokens in Figma for seamless design management.Best practices for naming, organizing, and applying tokens to your design system.Ways to improve your design workflow by creating reusable tokens for typography, colors, and spacing. Course OutlinePrimitive TokensMove your tokensSemantic tokenSemantic token practiceNaming design tokensTypography-tokensSpacing TokensToken ManagementRadius TokensComponent Design TokensCreate component tokensWhy Take This Class: This course will help you streamline your design process and maintain consistency across multiple projects and teams. With design tokens, you can create scalable solutions that make updating and maintaining designs easier than ever.Who This Class is For: Ideal for UI/UX designers, product designers, Design System Managers, Figma Enthusiasts, Design Team Leaders and Managers, Design Students and Beginners who are looking to improve efficiency and standardize their design process with tokens in Figma. No prior knowledge of tokens is required, but a basic understanding of Figma is helpful.Materials Needed: Access to Figma is required, along with any basic design tools you already use. All materials and templates will be provided during the course.
Overview
Section 1: Figma Design Tokens
Lecture 1 Introduction
Lecture 2 Practice Files
Lecture 3 What is Design Tokens
Lecture 4 Primitive Tokens
Lecture 5 Move Primitive Tokens Workaround
Lecture 6 Semantic Token
Lecture 7 Semantic Token Practice
Lecture 8 Token Naming
Lecture 9 Variant and Sizing
Lecture 10 Typography Tokens
Lecture 11 Spacing Tokens
Lecture 12 Token Management
Lecture 13 Radius Tokens
Lecture 14 Component Design Tokens
Lecture 15 Create Component Tokens
Lecture 16 Bulk Rename
Lecture 17 Thank you
UI/UX Designers,Product designer,Design System Managers,Figma Enthusiasts,Design Team Leaders and Managers,Design Students and Beginners
Screenshots

[Bild: ca2a55e61122881a7e9ef143fd10df8a.jpeg]

Say "Thank You"

rapidgator.net:
https://rapidgator.net/file/f5d0d69dff23...s.rar.html

k2s.cc:
https://k2s.cc/file/5440f88dd26e8/diwjs....ystems.rar
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Microsoft Teams Voice: Design and Configure Teams Telephony mitsumi 0 9 Gestern, 16:47
Letzter Beitrag: mitsumi
  Complete Wordpress & Elementor Guide Design, Build & Earn mitsumi 0 9 Gestern, 14:48
Letzter Beitrag: mitsumi
  The Gnomon Workshop - The Techniques of Puddnhead 1 Creature Design and Drawing robizo24 0 163 26.06.2014, 05:53
Letzter Beitrag: robizo24
  Tusplus - Pro Web Design Workflow with Adi Purdila robizo24 0 157 26.06.2014, 05:49
Letzter Beitrag: robizo24
  Insights on Graphic Design with Sean Adams photoshop 0 161 13.01.2014, 15:20
Letzter Beitrag: photoshop
  AD Februar 2014 ARCHITECTURAL DIGEST - Das beste aus Interior, Stil, Design, Architektur Deutsch jedermann 0 200 10.01.2014, 09:58
Letzter Beitrag: jedermann
  Creating a Responsive Web Design with Chris Converse photoshop 0 161 13.12.2013, 16:41
Letzter Beitrag: photoshop
  Applied Responsive Design with James Williamson photoshop 0 164 13.12.2013, 16:37
Letzter Beitrag: photoshop
  AD Dezember 2013 Januar 2014 ARCHITECTURAL DIGEST Das beste aus Interior, Stil, Design, Architektur Deutsch jedermann 0 205 14.11.2013, 07:09
Letzter Beitrag: jedermann
  PSD to HTML ? Corporate Design Build with Craig Campbell photoshop 0 182 09.11.2013, 11:08
Letzter Beitrag: photoshop

Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste