Тёмный
Tim Gabe
Tim Gabe
Tim Gabe
Подписаться
Growing your UI design skills with actionable tips and tutorials.
From Figma To 3D Website (Using Framer & Spline)
20:34
6 месяцев назад
Nested Components in Framer (Beginner Tutorial)
20:23
6 месяцев назад
Figma vs Framer in 100 Seconds
1:44
7 месяцев назад
I Made The Biggest Movie Ever Into A Website
6:40
7 месяцев назад
Webflow vs Framer in 100 Seconds
2:15
8 месяцев назад
Crash Course on Framer CMS (Beginner Tutorial)
18:32
8 месяцев назад
Can You Copy 6 Websites in 66 Seconds?
4:08
8 месяцев назад
Framer Scroll Animations For Beginners
9:38
9 месяцев назад
Card Layouts in Framer (Grid Tutorial)
3:24
9 месяцев назад
Get Started: Figma Variables in 3 Minutes
3:44
11 месяцев назад
Комментарии
@umarmuzammil7332
@umarmuzammil7332 10 часов назад
thanks this tutorial helped a lot...💌
@RonoTron01
@RonoTron01 22 часа назад
How to add a grdient you've created or often used into a library so it can be applied to other shapes quickly?
@DaysOfUIUX
@DaysOfUIUX День назад
Doing daily UIUX, at day 1
@edgareliezermiesesgarcia
@edgareliezermiesesgarcia День назад
Great content bro!!!
@cmdaltctr
@cmdaltctr День назад
webflow workspace plan is rip off - every user you add you gotta pay, what ashame. The site plan is totally fine.
@Hrkdntbsid
@Hrkdntbsid День назад
Figma is a horrible animation tool and to even do anything beyond the basics you need something else.
@Royh224
@Royh224 День назад
Hi Tim, thank you for making this creative video of a carouse in Figma, it seems I was able to follow your instructions and made the design to work but how can I add it into my design? I would appreciate it, I just started using Figma. Thanks!
@malcommiya5940
@malcommiya5940 2 дня назад
is that a good or bad thing?
@timmonta7765
@timmonta7765 2 дня назад
There is a very nice add-on (I use on firefox but I believe they also have it In Chrome) is called " Font Ninja" you hoover over the website and tells you the font with all the info.
@gottafindacoolname
@gottafindacoolname 3 дня назад
when i make breaking point it's just white? why doesn't my content copy over?
@intelligentbodymassage.com7472
why can't i ask basic question answered on framer? gees i have to community site?
@kishorekumar8216
@kishorekumar8216 4 дня назад
tim you made me love framer man, god bless you 👏
@khaninfo4909
@khaninfo4909 4 дня назад
super helpful
@Brandon453453
@Brandon453453 5 дней назад
But how are you able to get this work work on multiple pages with different images
@AmeliaPrasad
@AmeliaPrasad 5 дней назад
Really helpful!! Before I was putting the actual grid setting on which always bothered me because the grid doesn't match the stretch 12 columns. the 12 columns in an 1140 frame makes sense and the style has the 8 rows, but do you do them separately when you're using a larger screen, like a 1440?
@UnderworldMalek
@UnderworldMalek 6 дней назад
We need a specific video for details
@etorty_dev
@etorty_dev 6 дней назад
I love this. As a web developer, I find this design workflow / checklist invaluable. Thanks Tim
@eunicearmilda1657
@eunicearmilda1657 6 дней назад
Thanks
@whatthevideos4599
@whatthevideos4599 7 дней назад
webflow is far better than Framer.
@user-qd4bu4uk9s
@user-qd4bu4uk9s 7 дней назад
I am broken on the stage when you create the first menu item. Just grab a text a pull it down doesnt work for me((
@EstherFagbenjo
@EstherFagbenjo 8 дней назад
I love the way you teach; this is the first video I'm seeing of you, but you bought me! PS: I subscribed before you asked for it.🤭
@userfissher
@userfissher 8 дней назад
all tools are free, right?
@randyyanuar
@randyyanuar 8 дней назад
To check the fonts used on other websites, you can use the Font Ninja Chrome extension
@crossxer6099
@crossxer6099 9 дней назад
Framer is not sufficient enough for me as a designer. It lacks a lot of basic features and functionality and other things are straight forward overcomplicated.
@atajqtsawa3293
@atajqtsawa3293 9 дней назад
that blending with image is not working :( I am repeating every step, what could be the problem?
@manusiasilver1402
@manusiasilver1402 9 дней назад
thankssssssss
@NJORD_
@NJORD_ 9 дней назад
Awesome tutorial. Very straight forward
@seans9203
@seans9203 9 дней назад
Good stuff Tim - Thanks :O)
@studioj183
@studioj183 10 дней назад
Thank you for showing everything without skipping ahead or speeding up the video!
@janayapost3600
@janayapost3600 10 дней назад
Should you place each piece before doing all animation or can you still do animation and add objects along the way in your frame?
@rhonericsanjuan763
@rhonericsanjuan763 10 дней назад
Hey Tim, I been following your crash course and it's been wonderful. I'm wondering if there's a figma file for this lesson that I can follow with?
@vrealizer
@vrealizer 11 дней назад
Hi, I was thinking while watching your RU-vid videos, I can make the components, but it's so hard to prototype them. Do you have any videos on this? Or can you take a video of variations prototyping? I'm not sure if it's better to just study framer or write a program like jitter or learn pygma prototyping. Is there a lecture or course that combines components and prototyping? I'm not very good at English, so I used a translator a bit, please understand. I want you to comment. Thanks for the nice videos. I hope you're always happy.
@mfarjr1848
@mfarjr1848 11 дней назад
Hi Tim. Don't your channel have Thanks button?
@DanielPyb
@DanielPyb 12 дней назад
This video is such a mixed bag The AI-generated images are only "nice" until you look closer at them, using images like that makes the website feel less trustworthy. Especially when the "bird/cloud" is melting, What if you were given a styleguide and hade to make the design that's allready set in stone work, what if you had to use images from the customer? Creating dark color-themed webpages will quickly look samey, which is really bad if you're trying to make portfolio pieces. I think that focusing on making styles that you get from an employeer to work is a lot more valueable than changing up the design completely especially when the tip for the new fonts were "grab the css from a site you like". If people were to really get better as designers they should know "why" not just "how". A bit of a mixed opportunity to mention why the values of 24 and 16 were chosen and why you chose "between 80 and 96" (8 pt grid-system). Also headings are important for wcag so using them like is not great at all and would be a problem for SEO, which is something a UI-designer has to be aware of. I think this website is "nice" because you had no restrictions and you created a tech website where darker colors and glow are fine to use, but the "1% of ui designer" that are really good would be able to make a light color-scheme work. I think that the small tips that you gave about low-oppacity secondary buttons was a good tip and that the importance of spacing was conveyed well. The videos you make are really well put together, and I think that showing the step by step procession was a really smart idea, it made it a lot easier to understand how small changes can make a big impact.
@MrTape5
@MrTape5 12 дней назад
Hi, I have a problem with the responsiveness of these elements. I want the image to scale up or down as the resolution changes. I have tried various settings, but something always goes wrong. Do you have a solution for this?
@janayapost3600
@janayapost3600 12 дней назад
I love this!!! Thank you for this insight! Very helpful. In the back of my head I gathered ideas but when I left my project for a couple of days and came back I almost always forgot ideas I created from those inspirations. This however is organized and a great layout I can come back to and actually be able to use in the future by making adjustments and creating it my own way. :))) THANK YOUUU!
@janayapost3600
@janayapost3600 13 дней назад
Thank you so much
@euginrobinson
@euginrobinson 13 дней назад
Very helpful
@AbrarulRhythm
@AbrarulRhythm 14 дней назад
thank you
@kseniagulyaeva5305
@kseniagulyaeva5305 14 дней назад
Thank you so much!!
@iflotaichi
@iflotaichi 14 дней назад
I don't get the bit about the column margins being specific to the frame with if the cols are set to stretch.. Could someone explain that to me like I'm 5?
@jcc5018
@jcc5018 15 дней назад
alright, so although this is a good video to describe the process... the process sucks. I'm not sure if figma has updated since you made this video as i only started using it, but they need to make this process simpler. IE make tabs act like radio buttons. Put tabs within a parent group and if one is selected, all others are deselected. If you need a new tab, people shouldnt have to make a ton of other variations, and connect the dots, They should just place another tab in the parent group.
@mishkatnurrafi2126
@mishkatnurrafi2126 15 дней назад
blending where?
@suhairp3539
@suhairp3539 15 дней назад
Hi What did you mean by the background rectangle and how its added?
@lorena12333
@lorena12333 16 дней назад
MEU DEUSSSSSSSSS VC É INCRIVEL
@utekk
@utekk 16 дней назад
thx man.
@SketchbookStudioo
@SketchbookStudioo 16 дней назад
Solid points here. completely agree!
@riskyriesco
@riskyriesco 16 дней назад
If I make a component and then add variant and make an interaction, is the same as doing a component set and adding a interation? which way is better? Thanks a bunch for the lesson :)
@kevinrandomly643
@kevinrandomly643 16 дней назад
Thank you so much!
@kevinrandomly643
@kevinrandomly643 16 дней назад
Thanks. I downloaded a template for my first website and this is where I was getting hung up.