Mastering design systems components in Figma - Jan Toman - Design System Lead @ Productboard

preview_player
Показать описание
#Figma #DesignSystem #UIKit #UIDesign
⚡️Ready to take your design system skills to the next level?
Join the biggest virtual, interactive Design Systems conference worldwide.

🗓️June 8-9 Online 🌎worldwide
⚡️Super Early Bird tickets now on sale! Limited seats!! ⚡️
Join us 🙌🏻

👋🏻 800 Design System Friends
🎨 14 hours of content

Main topics:
🎨 Headless Design Systems
🤖 Automation of Design Systems
📈 Data Driven Design Systems
⚡️ Design Tokens

  1. Into Design Systems
Рекомендации по теме
Mastering design systems 0:47:09

Mastering design systems components in Figma - Jan Toman - Design System Lead @ Productboard

Mastering Design System 0:13:13

Mastering Design System Components: Creating the Perfect Avatar

Mastering Typography in 0:24:34

Mastering Typography in Design Systems: Figma Styles, Components, & Variables Explained (English...

How I Mastered 0:10:22

How I Mastered System Design Interviews

Complete Layout Guide 0:11:59

Complete Layout Guide

Create a Figma 0:13:43

Create a Figma Design System - Fundamentals (Part 1)

Office hours: Mastering 1:22:06

Office hours: Mastering components

Build it in 0:54:48

Build it in Figma: Create a design system — Components

Mastering the User 1:02:46

Mastering the User Journey with Miro, hosted by Tirelle Barron

Design Like a 0:10:07

Design Like a Pro: Mastering Facepile Components using Figma's Auto Layout

Mastering Typography in 0:24:56

Mastering Typography in Design Systems: Figma Styles, Components, & Variables Explained (Arabic)

Mastering the art 0:37:43

Mastering the art of crafting code-aligned UI kits - Jan Toman (Schema 2021)

The Secret to 1:01:45

The Secret to Mastering Design Systems in Bubble with Gregory John

Mastering Design Systems: 0:55:57

Mastering Design Systems: Benefits and Implementation Challenges

Adding Components to 0:00:15

Adding Components to Auto Layout Card - Mastering Card Design in Figma: Part 2

60-30-10 Color Rule 0:06:18

60-30-10 Color Rule

Mastering Design Systems: 0:01:00

Mastering Design Systems: Your UI/UX Success Blueprint! #designsystem #uiuxdesign

Mastering Lightning Framework 0:44:39

Mastering Lightning Framework Part 1

Mastering Carbon Design 0:03:13

Mastering Carbon Design System in Figma

Mastering Angular Component 0:19:57

Mastering Angular Component Communication!

Mastering Layouts in 0:10:30

Mastering Layouts in FlutterFlow

🌟 Mastering Button 0:00:06

🌟 Mastering Button States in Figma! 💡 #figma #tutorial #ux #designsystem #webdesign #uiux #design...

Mastering Component on 1:07:58

Mastering Component on Figma (Raw Version)

Mastering Component-Level Design: 0:02:05

Mastering Component-Level Design: Building Robust Software Systems #softwareengineer#digitalsoftecs

Комментарии
Автор

I've already started using zero height frames. Such a good tip! Great talk, Honza!

ajhuxtable-lee
Автор

I love this presentation, extremely useful. I am in the beginning of my designing my First Design System so this is a godsend to me :)

rajeshsatyarthi
Автор

Really excellent material. Thank you for sharing.

jnprdsgn
Автор

The Figma community file does not match whats presented in this video. Just a heads up to others confused when they head to that file. Great content other than that. Pure gold.

designboise
Автор

Thank you for sharing so many useful tips. 👍

unkunlada
Автор

these hacks are indeed super usefull, but only worries when figma decide to update their autolayout so it would not work anymore plus it could possibly break components. anyway thanks for useful tips !

uxkarel
Автор

If there is anything I have learnt from this Its *COUGH.

kylebrownbridge