How to add a grdient you've created or often used into a library so it can be applied to other shapes quickly?
@DaysOfUIUX2 күн бұрын
Doing daily UIUX, at day 1
@edgareliezermiesesgarcia2 күн бұрын
Great content bro!!!
@cmdaltctr2 күн бұрын
webflow workspace plan is rip off - every user you add you gotta pay, what ashame. The site plan is totally fine.
@Hrkdntbsid2 күн бұрын
Figma is a horrible animation tool and to even do anything beyond the basics you need something else.
@Royh2242 күн бұрын
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!
@malcommiya59403 күн бұрын
is that a good or bad thing?
@timmonta77653 күн бұрын
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.
@gottafindacoolname3 күн бұрын
when i make breaking point it's just white? why doesn't my content copy over?
@intelligentbodymassage.com74724 күн бұрын
why can't i ask basic question answered on framer? gees i have to community site?
@kishorekumar82164 күн бұрын
tim you made me love framer man, god bless you 👏
@khaninfo49095 күн бұрын
super helpful
@Brandon4534535 күн бұрын
But how are you able to get this work work on multiple pages with different images
@AmeliaPrasad5 күн бұрын
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?
@UnderworldMalek6 күн бұрын
We need a specific video for details
@etorty_dev6 күн бұрын
I love this. As a web developer, I find this design workflow / checklist invaluable. Thanks Tim
@eunicearmilda16577 күн бұрын
Thanks
@whatthevideos45998 күн бұрын
webflow is far better than Framer.
@user-qd4bu4uk9s8 күн бұрын
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((
@EstherFagbenjo9 күн бұрын
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.🤭
@userfissher9 күн бұрын
all tools are free, right?
@randyyanuar9 күн бұрын
To check the fonts used on other websites, you can use the Font Ninja Chrome extension
@crossxer60999 күн бұрын
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.
@atajqtsawa32939 күн бұрын
that blending with image is not working :( I am repeating every step, what could be the problem?
@manusiasilver14029 күн бұрын
thankssssssss
@NJORD_10 күн бұрын
Awesome tutorial. Very straight forward
@seans920310 күн бұрын
Good stuff Tim - Thanks :O)
@studioj18310 күн бұрын
Thank you for showing everything without skipping ahead or speeding up the video!
@janayapost360010 күн бұрын
Should you place each piece before doing all animation or can you still do animation and add objects along the way in your frame?
@rhonericsanjuan76311 күн бұрын
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?
@vrealizer11 күн бұрын
Hi, I was thinking while watching your KZread 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.
@mfarjr184812 күн бұрын
Hi Tim. Don't your channel have Thanks button?
@DanielPyb12 күн бұрын
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.
@MrTape513 күн бұрын
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?
@janayapost360013 күн бұрын
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!
@janayapost360013 күн бұрын
Thank you so much
@euginrobinson14 күн бұрын
Very helpful
@AbrarulRhythm14 күн бұрын
thank you
@kseniagulyaeva530514 күн бұрын
Thank you so much!!
@iflotaichi14 күн бұрын
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?
@jcc501815 күн бұрын
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.
@mishkatnurrafi212615 күн бұрын
blending where?
@suhairp353916 күн бұрын
Hi What did you mean by the background rectangle and how its added?
@lorena1233316 күн бұрын
MEU DEUSSSSSSSSS VC É INCRIVEL
@utekk16 күн бұрын
thx man.
@SketchbookStudioo16 күн бұрын
Solid points here. completely agree!
@riskyriesco16 күн бұрын
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 :)
@kevinrandomly64316 күн бұрын
Thank you so much!
@kevinrandomly64317 күн бұрын
Thanks. I downloaded a template for my first website and this is where I was getting hung up.
Пікірлер
thanks this tutorial helped a lot...💌
How to add a grdient you've created or often used into a library so it can be applied to other shapes quickly?
Doing daily UIUX, at day 1
Great content bro!!!
webflow workspace plan is rip off - every user you add you gotta pay, what ashame. The site plan is totally fine.
Figma is a horrible animation tool and to even do anything beyond the basics you need something else.
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!
is that a good or bad thing?
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.
when i make breaking point it's just white? why doesn't my content copy over?
why can't i ask basic question answered on framer? gees i have to community site?
tim you made me love framer man, god bless you 👏
super helpful
But how are you able to get this work work on multiple pages with different images
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?
We need a specific video for details
I love this. As a web developer, I find this design workflow / checklist invaluable. Thanks Tim
Thanks
webflow is far better than Framer.
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((
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.🤭
all tools are free, right?
To check the fonts used on other websites, you can use the Font Ninja Chrome extension
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.
that blending with image is not working :( I am repeating every step, what could be the problem?
thankssssssss
Awesome tutorial. Very straight forward
Good stuff Tim - Thanks :O)
Thank you for showing everything without skipping ahead or speeding up the video!
Should you place each piece before doing all animation or can you still do animation and add objects along the way in your frame?
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?
Hi, I was thinking while watching your KZread 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.
Hi Tim. Don't your channel have Thanks button?
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.
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?
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!
Thank you so much
Very helpful
thank you
Thank you so much!!
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?
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.
blending where?
Hi What did you mean by the background rectangle and how its added?
MEU DEUSSSSSSSSS VC É INCRIVEL
thx man.
Solid points here. completely agree!
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 :)
Thank you so much!
Thanks. I downloaded a template for my first website and this is where I was getting hung up.