No video :(

Rebuilding YouTube With Figma (Auto Layout Tutorial)

Подписаться 64 тыс.

Просмотров 19 тыс.

50% 1

Figma speed building the RU-vid homepage! This tutorial should extend your practice of auto layout in Figma as well as improve your general expertise in the program. You'll also learn extensively the use of plugins such as Unsplash, and the important use of components.
Explore the Figma File Here:
www.figma.com/...
-----
🛠 Try Figma 👇
bit.ly/3LqgGig
🛠 Figma For Pros 👇
bit.ly/3V5oZmD
🚀 Subscribe for more weekly design content
bit.ly/2FQLrO5
🎥 What I use in my videos!
kit.co/arnauro...
📄 Bonsai Referral (try for free)
www.hellobonsa...
👨‍💻 Connect with me
arnau.design
🌎 Socials
/ arnau_design
/ arnau_design
DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you!

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

1 янв 2023

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 69

@ArnauRos Год назад

Follow along with the cloneable! www.figma.com/community/file/1191483049085088273

@isabellamoralessalis3152 Год назад

I think it was overall a nice tutorial but sometimes you just say "now I'm gonna to this and this" and doesn't explain that is and I had to put the video in slow motion to check your mouse and layers to understand what it was and even so sometimes I couldn't figure out. Just a little detail though

@ArnauRos Год назад

Thanks Isabella, I’ll take more time to explain things

@moalbakri Год назад

bro u are very fast!!!!!

@christiangrantz1526 4 месяца назад

Thats why am using playback speed! He is teaching the beginners and he should not be so fast

@mastergamers6991 Год назад

Need more figma and webfliw toturials

@StanOwden Год назад

1:09 To measure objects and space in between to the exact pixel it’s useful to use PowerToys for Windows

@ArnauRos Год назад

Havent heard of that one thanks!

@StanOwden Год назад

@@ArnauRosHere is a tip for measuring inside dimensions of objects. It is useful to use it with objects (let's say you want to get the size of the RU-vid thumbnail) that have the same colour in the measured area since it detects borders of gradients.

@t-bag7201 9 месяцев назад

which feature of it exactly ?

@atharnadeem6947 Год назад

Very Informative. Thanks

@ArnauRos Год назад

Thanks for watching!

@OsvaldoOsorio 9 месяцев назад

Thanks for sharing your knowledge and experience. Your a very at point teacher. Well done.

@ArnauRos 9 месяцев назад

I appreciate that!

@JRCme1 Год назад

How would this Figma layout work in Webflow and can you get a link from that to a marketplace and of course using members.

@ArnauRos Год назад

Hey I’m not sure what you mean

@alibsr 11 месяцев назад

Thanks Bro! That was my first experience with Auto Layout and working with Figma also! Actually, with this video I redesigned the RU-vid Homepage step-by-step with you.

@ArnauRos 11 месяцев назад

Glad it helped!

@ash_purushotham Год назад

@Arnau Ros, I am learning so much from your videos. Please make a video of how you would make this in Webflow too. (if you have not already made one) Cheers!

@relatableinclass 6 месяцев назад

Could you attach a slower and more precise step-by-step version? This one is way too fast, and the little steps needed to be explained clearly. Even though this video is just 16 minutes, I've been on it for 5 hours trying to understand it better slowed it down to 0.5 but nothing and because of that i got stuck.

@ArnauRos 6 месяцев назад

Sorry Sophia, if theres a specific spot that you're stuck on maybe I can help

@suniljadhav1889 8 месяцев назад

Really great n quick...Thanx bro

@ArnauRos 8 месяцев назад

Welcome 😊

@neuniad7316 3 месяца назад

Hey how do you make this video screen recording? It's awesome.

@ArnauRos 3 месяца назад

just quicktime!

@desireegarcia2696 Год назад

This is great! Do you have any tutorials with mobile examples? I'm getting started with Auto Layout and I wanna do tutorials every day until it comes naturally

@ArnauRos Год назад

Yes! Take a look at my more recent videos featuring figma :)

@hamzaahmad1224 9 месяцев назад

Hi! Do you have a tutorial for building a youtube page layout when a video is playing? That would be really very beneficial

@ArnauRos 6 месяцев назад

Hey, not yet

@robinbreed2439 11 месяцев назад

Super cool!

@michellesudhakar9961 8 месяцев назад

Thanks, Arnau for a wonderful video. I am using the shift-up arrow to bump it up from 8 but it goes up in increments of 10 (starting at 8, the shift-up arrow goes to 18) Any idea why? Appreciate your help, Thanks!

@ArnauRos 8 месяцев назад

If you take a look at your Figma preferences you might see nudge amount. Here you can make it whatever amount you need!

@des7638 Год назад

Def Figma webflow. And also framer Figma. Maybe take us through the plugins that port to each. Thanks man

@ArnauRos Год назад

Hey! What are you referring to with framer Figma? Happy to build for framer too if needed :)

@des7638 Год назад

@@ArnauRos So there are different Plugins to port Figma designs to both Framer and Figma. You have to build it correctly in Figma for it to work properly tho (mostly using auto layout I think). Im a webflow user recently been playing with Framer. The reason i watched this video at all was becuase i need to get better with Figma Auto layouts before i can start porting stuff over to either platform and getting good results. ultimately im realizing that Webflow makes sense for certain projects and that Framer will work better for other types of projects. Pros and cons to each. but it would be useful to just see you work through all of that. Lemme know if thats not super clear. thanks Arnau