UI Collective

@UICollectiveDesign - 80 本の動画

チャンネル登録者数 2.7万人

Welcome to the premier destination for design system training and more. We have years of experience building enterprise design systems and aim to bring the s...

最近の動画

Design to Developer Handoff in Figma - Full Tutorial 1:48:57

Design to Developer Handoff in Figma - Full Tutorial

Design System & Figma Variable Set Up - Full Tutorial 2:03:48

Design System & Figma Variable Set Up - Full Tutorial

Build a Design System in 1 Hour Using Figma (Challenge) 1:00:15

Build a Design System in 1 Hour Using Figma (Challenge)

Design a Banking App in Figma | Step by Step 2:28:23

Design a Banking App in Figma | Step by Step

Stop Gradient Chaos: Enterprise Design‑System Workflow for Perfect Palettes 21:22

Stop Gradient Chaos: Enterprise Design‑System Workflow for Perfect Palettes

I Tried the New “AI Design Tool” Everyone’s Talking About 14:07

I Tried the New “AI Design Tool” Everyone’s Talking About

From Blank Screen to LIVE App in 10 Minutes—AI Did ALL the Design! 9:29

From Blank Screen to LIVE App in 10 Minutes—AI Did ALL the Design!

Onboarding – Step-by-Step UI Tutorial for SaaS | Figma App Design Series 28:59

Onboarding – Step-by-Step UI Tutorial for SaaS | Figma App Design Series

Figma App Design Series: Layouts, Pages & UX | Library Setup 1:12:32

Figma App Design Series: Layouts, Pages & UX | Library Setup

Figma Dark Mode Setup: The Ultimate Guide 26:34

Figma Dark Mode Setup: The Ultimate Guide

Figma Skills to Ace Your Design Interview 15:42

Figma Skills to Ace Your Design Interview

Design System Best Practices for Mobile 17:59

Design System Best Practices for Mobile

Design Tokens for Dummies | A Complete Guide 50:19

Design Tokens for Dummies | A Complete Guide

Organizing Your Design Tasks: A Workflow Breakdown 4:51

Organizing Your Design Tasks: A Workflow Breakdown

Accessible Design in Figma: Beyond the Basics 25:50

Accessible Design in Figma: Beyond the Basics

Design Thinking is OUT! Experience Thinking is IN! - A UI Collective Event 37:51

Design Thinking is OUT! Experience Thinking is IN! - A UI Collective Event

Figma Sidebar Build: Power User Tips & Tricks! 33:36

Figma Sidebar Build: Power User Tips & Tricks!

Figma Developer Handoff Masterclass | Best Practices & More! 56:29

Figma Developer Handoff Masterclass | Best Practices & More!

Design Token Setup! | Become a Figma Expert 41:52

Design Token Setup! | Become a Figma Expert

Create RESPONSIVE Figma Designs! 37:16

Create RESPONSIVE Figma Designs!

Build Figma Layouts FAST | Build a Design System Part 7! 21:28

Build Figma Layouts FAST | Build a Design System Part 7!

Build a Figma Design System | Part 6! 1:15:28

Build a Figma Design System | Part 6!

Build a GREAT Figma Design System | Build a Design System Part 5! 37:07

Build a GREAT Figma Design System | Build a Design System Part 5!

Build a Figma Design System | Part 4! 1:28:24

Build a Figma Design System | Part 4!

Build a Figma Design System | Part 3! 1:19:35

Build a Figma Design System | Part 3!

Let's improve this Figma design! 0:16

Let's improve this Figma design!

Can #design certificates help you get hired in #uxdesign? 0:33

Can #design certificates help you get hired in #uxdesign?

Help Caro choose the right landing page design! #uxdesign  #ui #ux #uidesign #figma #tech #design 0:21

Help Caro choose the right landing page design! #uxdesign #ui #ux #uidesign #figma #tech #design

Interviewing for a #uxdesign job with no experience? Watch this! 0:46

Interviewing for a #uxdesign job with no experience? Watch this!

Which dashboard format would you choose? #figma #uxdesign 0:34

Which dashboard format would you choose? #figma #uxdesign

How to tell what app features should you be prioritizing first  #figma #uxdesign #uidesign 0:38

How to tell what app features should you be prioritizing first #figma #uxdesign #uidesign

Build a Design System! Ep. 2: Basic Form Components 1:20:43

Build a Design System! Ep. 2: Basic Form Components

Build a Design System! Ep. 1: Figma Tokens & Variables Setup 1:25:39

Build a Design System! Ep. 1: Figma Tokens & Variables Setup

Prototyping with Figma Variables - The Ultimate Guide for Beginners! 32:46

Prototyping with Figma Variables - The Ultimate Guide for Beginners!

3 #Figma shortcuts to save you time! 0:47

3 #Figma shortcuts to save you time!

⛔️ Figma's AI Feature Removed! Get the Scoop 🤯✨ 0:56

⛔️ Figma's AI Feature Removed! Get the Scoop 🤯✨

Design Tokens Demystified: Boost Your Workflow! 24:36

Design Tokens Demystified: Boost Your Workflow!

Figma Slides!! | Figma's LATEST Update 11:26

Figma Slides!! | Figma's LATEST Update

Master Design Tokens - From Basics to Advanced 44:30

Master Design Tokens - From Basics to Advanced

Prototype with #figma variables in 30 seconds! 0:32

Prototype with #figma variables in 30 seconds!

Figma Type Variables | Mobile Responsiveness Like a Pro! 18:05

Figma Type Variables | Mobile Responsiveness Like a Pro!

Prepping Figma Files for Developer Handoff + Free Checklist Download! 20:42

Prepping Figma Files for Developer Handoff + Free Checklist Download!

Gradient Variables in Figma: The Ultimate Guide 10:21

Gradient Variables in Figma: The Ultimate Guide

Figma Typography Variables | A Setup + Overview Guide 33:47

Figma Typography Variables | A Setup + Overview Guide

Icon Variables + more! | Master Figma Icons 19:08

Icon Variables + more! | Master Figma Icons

3 Tips to Master Figma Variables | Figma Like a Pro 11:16

3 Tips to Master Figma Variables | Figma Like a Pro

Master Figma Variables: Set Up a Multi-Brand Design System 43:36

Master Figma Variables: Set Up a Multi-Brand Design System

Supercharge Your Figma Variables | Spacing and Sizing Variables 17:11

Supercharge Your Figma Variables | Spacing and Sizing Variables

Figma Variables vs Tokens Studio | Which to Use in 2024 11:25

Figma Variables vs Tokens Studio | Which to Use in 2024

Prepare for Figma Text Variables: Start Building Your Type Scales Correctly 16:37

Prepare for Figma Text Variables: Start Building Your Type Scales Correctly

Upgrade Your Figma Variable Library | Variables Latest Release! 11:59

Upgrade Your Figma Variable Library | Variables Latest Release!

Figma Variables: Build Dark Mode Like a Pro 🌙  (+ File Template ) 15:20

Figma Variables: Build Dark Mode Like a Pro 🌙 (+ File Template )

Figma Variables Setup: Building a Variable Library 43:37

Figma Variables Setup: Building a Variable Library

Tracking Prototype Analytics Using Figma Variables 17:58

Tracking Prototype Analytics Using Figma Variables

Master Figma Tokens & Variables: Ultimate Guide to Advanced Naming and Set Up 32:44

Master Figma Tokens & Variables: Ultimate Guide to Advanced Naming and Set Up

Figma's NEW Variable Color Palette Generator 1:20

Figma's NEW Variable Color Palette Generator

Figma Token and Variable Setup: Top Mistakes to Avoid 14:18

Figma Token and Variable Setup: Top Mistakes to Avoid

Figma Secrets: UNBELIEVABLE Text Entry Trick with Variables and Conditional Logic! 😱 10:26

Figma Secrets: UNBELIEVABLE Text Entry Trick with Variables and Conditional Logic! 😱

Multi-Brand Design System Setup | Official Guide!! 24:40

Multi-Brand Design System Setup | Official Guide!!

Swapping Variants Using Variables | A Figma Tutorial 10:10

Swapping Variants Using Variables | A Figma Tutorial

When to Use Component Level Tokens/Variables in Figma 6:54

When to Use Component Level Tokens/Variables in Figma

Using Figma Variables to Swap Variants Between Modes 8:17

Using Figma Variables to Swap Variants Between Modes

Using Number Variables for Padding + Gap in Figma 8:05

Using Number Variables for Padding + Gap in Figma

Creating Colors for Your Design System 13:51

Creating Colors for Your Design System

Converting Tokens to Figma Variables 10:15

Converting Tokens to Figma Variables

Creating Type Scales for a Design System 7:13

Creating Type Scales for a Design System

Use Figma Variables + Conditional Logic to Build an Interactive Storefront Prototype 24:16

Use Figma Variables + Conditional Logic to Build an Interactive Storefront Prototype

Build an Interactive Image Gallery Using Figma Variables 6:25

Build an Interactive Image Gallery Using Figma Variables

Hiding UI Elements Using Variables + Modes 5:26

Hiding UI Elements Using Variables + Modes

Building a Responsive Text Block Using Variables, Modes, and Resizing Properties 11:53

Building a Responsive Text Block Using Variables, Modes, and Resizing Properties

Text Variables in Figma 6:54

Text Variables in Figma

Creating a Volume Bar in Figma Using Variables + Conditional Logic 5:46

Creating a Volume Bar in Figma Using Variables + Conditional Logic

Build a Responsive Card Component Using Max/Min 4:38

Build a Responsive Card Component Using Max/Min

Creating Responsive Breakpoints in Figma Using Variables + Modes 4:40

Creating Responsive Breakpoints in Figma Using Variables + Modes

An Introduction to Border Radius Variables in Figma 5:50

An Introduction to Border Radius Variables in Figma

Tokens Studio vs Figma Variables! 7:58

Tokens Studio vs Figma Variables!

Recreating Figma's Multi-Actions Prototype 7:50

Recreating Figma's Multi-Actions Prototype

An Introduction to Boolean Variables in Figma 3:13

An Introduction to Boolean Variables in Figma

Creating an Advanced Figma Color Variable Library 13:33

Creating an Advanced Figma Color Variable Library

An Introduction to Figma Variables, Conditional Logic, and Prototyping 20:12

An Introduction to Figma Variables, Conditional Logic, and Prototyping

人気の動画

Build a Design System! Ep. 1: Figma Tokens & Variables Setup 1:25:39

Build a Design System! Ep. 1: Figma Tokens & Variables Setup

19万 回視聴 - 1 年前

Creating an Advanced Figma Color Variable Library 13:33

Creating an Advanced Figma Color Variable Library

8.2万 回視聴 - 2 年前

Master Design Tokens - From Basics to Advanced 44:30

Master Design Tokens - From Basics to Advanced

6万 回視聴 - 1 年前

Text Variables in Figma 6:54

Text Variables in Figma

5.9万 回視聴 - 2 年前

An Introduction to Boolean Variables in Figma 3:13

An Introduction to Boolean Variables in Figma

5.4万 回視聴 - 2 年前

Build a Design System! Ep. 2: Basic Form Components 1:20:43

Build a Design System! Ep. 2: Basic Form Components

5.1万 回視聴 - 11 か月前

Creating Responsive Breakpoints in Figma Using Variables + Modes 4:40

Creating Responsive Breakpoints in Figma Using Variables + Modes

4.8万 回視聴 - 2 年前

Master Figma Tokens & Variables: Ultimate Guide to Advanced Naming and Set Up 32:44

Master Figma Tokens & Variables: Ultimate Guide to Advanced Naming and Set Up

4.4万 回視聴 - 1 年前

Using Figma Variables to Swap Variants Between Modes 8:17

Using Figma Variables to Swap Variants Between Modes

3.9万 回視聴 - 2 年前

Prepare for Figma Text Variables: Start Building Your Type Scales Correctly 16:37

Prepare for Figma Text Variables: Start Building Your Type Scales Correctly

2.6万 回視聴 - 1 年前

Figma Developer Handoff Masterclass | Best Practices & More! 56:29

Figma Developer Handoff Masterclass | Best Practices & More!

2.4万 回視聴 - 7 か月前

Figma Token and Variable Setup: Top Mistakes to Avoid 14:18

Figma Token and Variable Setup: Top Mistakes to Avoid

2.1万 回視聴 - 1 年前