Тёмный

Figma for Edu: Variables and modes for layout in Figma 

Figma
Подписаться 548 тыс.
Просмотров 34 тыс.
50% 1

Get a copy of the activity file here: www.figma.com/community/file/...
Variables in Figma give designers the power to adapt layouts to different color modes, and content. In this workshop we will go over all of the basics when getting started with variables and modes for your design layouts. Explore what it takes to use variables to create a dark and light mode experiences, change the density of your spacing, vary the languages your design ui can accommodate, and so much more.
Led by Figma’s Designer Advocate for Education Miguel 'Miggi' Cardona, this is an intermediate monthly demo is for students, educators, teachers, instructors, teaching assistants, and those in the ed-tech space.
Figma is free to use. Sign up here: bit.ly/3msp0OV
Figma is free for education. Learn more: figma.com/education
____________________________________________________
Find us on ⬇️
X (formerly Twitter): / figma
Instagram: / figma
LinkedIn: / figma
Figma forum: forum.figma.com/
____________________________________________________
#Figma #FigmaEdu #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems

Наука

Опубликовано:

 

1 янв 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 17   
@mjmartinez7
@mjmartinez7 5 месяцев назад
Changed my life 😂😂 no seriously this walkthrough was the missing piece I needed for a current project. Thanks
@YoAML
@YoAML 5 месяцев назад
thanks for the tutorial, i started working with figma about a week ago and its impressive how an online app can do all this things
@alias.9500
@alias.9500 4 месяца назад
amazing to build design systems even more efficiently
@faruambient
@faruambient Месяц назад
amazing! thanks for the explanation
@user-sm9bp8gf3g
@user-sm9bp8gf3g 5 месяцев назад
Ok this makes ore sense than most videos out there. I can create the main local variables in my UI kit and share them with other designers. Perftect makes sense.
@christophernazon4256
@christophernazon4256 5 месяцев назад
MIGGI!!!!!😊 LOL HAPPY NEW YEARS EVERYONE!
@perpetualmeninwa6695
@perpetualmeninwa6695 5 месяцев назад
Awesome 👍❤
@anoldasgupta
@anoldasgupta 5 месяцев назад
Currently there is no way to search variables within the variable collection...Please suggest a method your team has identified as work around...
@skyro13
@skyro13 5 месяцев назад
13:30 I still wish we could do math operations with prior defined variables. E.g., "base-unit-2" and following are multiples of "base-unit" without the need for manual definition. This would also improve scaleability. Same goes for colors, etc. EDIT: Ah I should have watched the whole video first. At 23:14 Miggi mentions that setting mathematical expressions will be possible in the future.
@BaraiEnt
@BaraiEnt 5 месяцев назад
can we design the Figma plugin in react or in Vanila javascript ??
@unhumano2713
@unhumano2713 4 месяца назад
Quick question, how are you casting gradients here?
@kristinagroeger2839
@kristinagroeger2839 2 месяца назад
Begins at 5:21. You're welcome :P
@jacobwesch762
@jacobwesch762 5 месяцев назад
Iam sad that Figma doesn’t accept PayPal , so I can practice
@VanillaVercetti
@VanillaVercetti 5 месяцев назад
4 modes limitation makes this feature worthless
@MyDigitalHub
@MyDigitalHub 5 месяцев назад
Yep. Very limited as of the moment and expensive if availed
@SpaceFederation
@SpaceFederation 5 месяцев назад
Useless since there exsists a limitation of 4 modes.
@chidorirasenganz
@chidorirasenganz 5 месяцев назад
Only for each collection but that’s more than enough
Далее
Early Career Week: Portfolio Review Day 1
57:09
Просмотров 12 тыс.
Figma for Edu: Auto layout components
58:17
Просмотров 26 тыс.
Figma for Edu: Prototyping 201, interactions
46:40
Просмотров 26 тыс.
Figma for Education: Learning Auto layout
1:13:39
Просмотров 114 тыс.
Figma for Edu: Figma Design 101
1:03:51
Просмотров 54 тыс.
Figma for Edu: Prototyping 101, new basics
1:03:19
Просмотров 61 тыс.
Figma for Education: Introduction to Design Systems
1:03:50
STOP doing DROPDOWNS like this - Figma variables 2023
15:35
Variants vs variables
15:11
Просмотров 32 тыс.
Nvidia Titan
0:48
Просмотров 210 тыс.
КЛИЕНТ СЛОМАЛ НАУШНИКИ ? 😳
0:51