Figma in 20 Minutes (For Beginners in 2023)

preview_player
Показать описание
Get started with Figma by building out a website, step by step, with me.

📕 Show Notes 📕

Timecodes
00:00 Intro
01:37 Jump into Figma
02:21 Figma UI Basics
05:00 Frames
06:30 Design skeleton
16:20 Add images, shapes & colors

#figma #figmatutorial

➡️ QUESTION — Have a question about UI, UX or Product Design? Designing in Figma? Or Anything Else? Post in the comments section of this video—I’m happy to answer!
  1. Tim Gabe
  2. ui
  3. ux
  4. product design
  5. ui design
  6. ux design
Рекомендации по теме
Figma in 20 0:21:02

Figma in 20 Minutes (For Beginners in 2023)

Figma for Beginners 0:23:21

Figma for Beginners | Learn the Basics in 20 Minutes!

Master Figma UI 0:15:28

Master Figma UI Design in 15 Minutes | This Tutorial Is For You!

Figma UI Design 0:21:32

Figma UI Design Tutorial: Get Started in Just 20 Minutes (2022) - Hindi

Learn Figma In 0:11:57

Learn Figma In Under 10 Minutes! (LEARN FIGMA FAST)

Figma UI Design 0:24:23

Figma UI Design Tutorial: Get Started in Just 24 Minutes!

Master Auto Layout 0:17:53

Master Auto Layout in 20 minutes | 2023 Auto Layout Figma Tutorial

Introduction to Figma 0:20:56

Introduction to Figma - 2021 Beginners Tutorial (Everything You Need to Know in 20 minutes)

Figma Tutorial For 0:22:41

Figma Tutorial For Beginners : Create Your First Figma Project in 20 Minutes

Learn Figma in 0:04:10

Learn Figma in under 5 MINUTES [2023]

Introducing Figma: A 0:31:38

Introducing Figma: A Beginners Tutorial (2023 UI UX Design)

Tutorials are a 0:00:24

Tutorials are a great way of learning Figma, so here we are.🚀

EASIEST WAY To 0:00:26

EASIEST WAY To Learn Figma 😳 | Ishan Sharma #shorts

Let's make a 0:00:58

Let's make a switch in Figma #shorts

Create Lottie Animations 0:00:30

Create Lottie Animations in Figma! (Bye AE 👋)

Figma Plugin For 0:00:25

Figma Plugin For Responsive designs

Figma Auto Layout 0:23:03

Figma Auto Layout | Master Auto Layout in 20 Minutes

Interactive Components in 0:19:41

Interactive Components in Figma - (20 Minutes)

How to use 0:00:38

How to use Figma Auto Layout wrap tutorial 2023 #figma #figmatips #figmatutorial #figmadesign #ui

Go From Figma 0:21:57

Go From Figma to Live Website in 20 Minutes (No-Code)

Figma | Testing 0:00:21

Figma | Testing Prototype with Figma Mirror | #figma #uidesign

Learn Figma in 0:30:24

Learn Figma in 30 Minutes

Designed Responsive layout 0:00:23

Designed Responsive layout using #Figma & #Framer

Learn Framer in 0:19:38

Learn Framer in 20 Minutes (Crash Course)

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

This channel is so underrated I really appreciate ur efforts mate thanks

tonyvito
Автор

This is so helpful. Thank you so much. I remember using this tracing technique to learn to draw as a kid. It never occurred to me that I could do same in learning to design.

MalcanniPlus
Автор

You are literraly one of the best UI teachers out there ! Thank you for sharing your knowledge <3

maazbinyosuaf
Автор

I cant believe this kind of content is on youtube. just what i was looking for, and best of all, it's free. Thanks Tim for your amazing content!

Imran-obbr
Автор

Hi Tim, I am planning to teach Figma to my local students community, your introductive video will be a quick help for me to get started with the very first class. Thank you ;-)

UmairUlhaque
Автор

thank you so much!! my school gave us videos that appear to be outdated, none of the features in their video are on the dashboard, i wasted so much time on that, this has saved me thanks again! Silly question was trying to do something simple like changing the background color on elements for my customer journey map, wasted so much time trying to find this and I am not able to figure it out, even deleting an element is so painful, i wish i could just work on Microsoft paint at this point. haha

melssf
Автор

Be regular and continue. You are amazing.

tuix
Автор

Your a bad man Tim! I've literally just skilled up from watching this one video 💯

JustinRocket
Автор

hi Tim, could you share your thoughts on sizing units (px, em, rems, vh, vw, etc...), how does it effect product designers like you?

mtmp
Автор

Great job Tim, congratulations on passing over 4k subs

djlevan
Автор

I'm frustrated with constraints especially for scale. Do you have any tips or dos and don'ts for it? I find its behavior to be inconsistent. Its actions seem random to me. When I click on a specific layer, it sometimes appears and other times it doesn't. T.I.A.

icarmelyne
Автор

Lolz, awesome tutorial for begginers :D

cjn
Автор

Do you know how this works, and how to fix this issue in Figma? I need to know correct way to calculate margin from the text, please check the picture attached, so it can be explained better (i.ibb.co/g4fRvTf/testa.png)

djlevan