Version 2 worked (I used toggles for a shopping cart). Thanks!
@adhdmed13 күн бұрын
Thanks for the great tutorial. Could you perhaps make a video Figma to Wordpress ?
@SisiBisi-zh1cj15 күн бұрын
Thank you so much
@user-ob1sj9sd4r18 күн бұрын
Easy peasy!. thank you
@uxdanio13 күн бұрын
No problem!
@tomschimana100919 күн бұрын
Underrated Channel
@uxdanio13 күн бұрын
Thank you!
@ayabaikozha20 күн бұрын
Hello! Exactly what I need! Thanks a lot!
@ajay481323 күн бұрын
BUT THE IMAGE IS NOT SHRIKING WHAT AM I GONNA DO?
@opeyemiajagbe8 күн бұрын
Probably need to set the image constraint to ‘Fill’
@itecgistАй бұрын
what do you think about webflow and Figma. As a beginner which should i start with
@itecgistАй бұрын
great. Thank for the tutorial
@christophernelson2261Ай бұрын
Version 2 did not work for me.
@christophernelson2261Ай бұрын
Not sure why
@uxdanioАй бұрын
It should work. Don’t give up, it took me 2 or 3 tries.
@AhmedEzzat-ph9kgАй бұрын
@@uxdaniome too it didn't work, why can't I assign the variables that I created in the local variables, it didn't show to me to connect them😢
@uxdanioАй бұрын
@@AhmedEzzat-ph9kgIf you’re using the 2nd method with variables, you’ll need Professional plan project. I mentioned right at the beginning of that part. Do you currently have the Pro plan on your project?
@AhmedEzzat-ph9kgАй бұрын
@@uxdanio Sure
@TurlingoАй бұрын
Thank you so much. This was amazing. 💌
@uxdanioАй бұрын
Anytime! 👋
@rawi2416Ай бұрын
What do you think about the Breakpoints plugin? Isn't that a better way?
@uxdanioАй бұрын
I find the breakpoints plugin to add unnecessary dependencies and frustration. I prefer to use the built-in Figma functionality as much as possible, rather than relying on 3rd-party solutions. You can use Figma variables for more advanced prototyping techniques like breakpoints (although that might be only available for pro plans). I'd say what Figma offers is enough for majority of situations, plus it makes it easier for developers to inspect in dev mode.
@deliciouspizza44052 ай бұрын
Thank you so much! It helped me a lot to understand the basic idea of variables. While watching the video, I came up to think that how I could use variable feature for the design system. When you already have your design system in one file in figma, and you set all the variable color tokens there, but you cannot publish the variables making it global. It means, you only can utilize color tokens in the file, and not with other files. Do you know how we can use this feature as a system? Should we import variable set to every single file to adjust it? It will be awesome if I could get some advice on this. Thanks agian!
@qubist.studio2 ай бұрын
Very useful! Congrats! 🎉🤝
@uxdanio2 ай бұрын
thank you! 👊
@uxdanio2 ай бұрын
Download Practice Figma files - uxdan.gumroad.com/l/ui-app-before-after
@brunofigueiro.2 ай бұрын
Great video! I'm just having a problem with the image that goes inside the rectangle, as the rectangle changes and size the image deforms
@uxdanio2 ай бұрын
The image that you see is actually an "Auto-Layout" frame, the image is added as "Fill" image. I mentioned this at 2:30 . If you still get stuck, you can use the project files, as that might help you understand the setup better. :)
@user-eo3jz8uj9l3 ай бұрын
Thanks for the helpful lesson
@uxdanio3 ай бұрын
I'm glad to see a lot of you found this useful, and are keen for my next video. I prepared a little something that I wrote in the past couple of months and just published. I want you to be the first to read it since it aligns closely with the topic of this video: medium.com/@uxdanio/ai-design-systems-guide-challenges-and-opportunities-uncovered-1218aab3eff5
@uxdanio3 ай бұрын
As I said in the video - a bit delayed but I really wanted to make sure you get the best refined version of the article that I recently published on AI & Design Systems: medium.com/@uxdanio/ai-design-systems-guide-challenges-and-opportunities-uncovered-1218aab3eff5
@darrenstrange22443 ай бұрын
Hello, your tutorials re very helpful indeed. I am an XD user trying to migrate to Figma! I'm struggling with colours a bit. I have created a 'Design System' with a blue colour colour style (for buttons, subtitles and icons etc). So for my next website design project, I create a new design file, bring in my Design System with the blue colour style, and add all the components I need from the Design System to build the web site. But now I want to change all the blue elements in my new project to green - but it says the only way I can do that is by changing the blue colour style from within my Design System? I don't want to touch the design system, I just want to globally change the colour styles in every new project so each project has a different colour scheme./ Is there any way to do this, or am I looking at it incorrectly? Any help most appreciated. Cheers! :)
@uxdanio3 ай бұрын
Hey Darren! Thanks a bunch! What you're facing is that your new components in the latest project are still tied to the original design styles library. This could be due to a couple of reasons, but the simplest way to fix it is by ensuring you duplicate your entire Figma file (Right click > Duplicate), instead of just Copy/Paste for the components. When you duplicate the whole file, it clones everything, including styles, and links them to the new document automatically. Hope this helps!
@sams321113 ай бұрын
Eden Hazard more talented than I remember
@ADITYA3GAME3 ай бұрын
1. User Centricity or User Centered Design (DO user interviews from the start) 2. Usability (how easily can user interact with the product to achieve their goals) 3. Design for relevance (every feature should be relevant - validate future demands and do AB testing- is it feature relevant) 4. Embrace Accessibility (WCAG Guidelines- consider those with disabilities) 5. Maintain Consistency and Familiarity (Understand design patterns between various OSs) 6. Establish a clear Hierarchy (Add clarity in your designs to make navigation intuitive) 7. Minimize Cognitive Load (Don't give too many options - keep it simple ) 8. Design for context (Be aware of user needs and expectations) 9. Always seek user feedback
@uxdanio3 ай бұрын
Thanks! 🙏🏻 Hope you found the details useful too
@saalimkhan17653 ай бұрын
You're tutorials are amazing. They help me a lot improve my design consistency ❤
@uxdanio3 ай бұрын
Glad to hear! Next Figma tutorial coming today or tomorrow 🤞
@uifry3 ай бұрын
Amazing Content :)
@uxdanio3 ай бұрын
I appreciate it! hope it's useful!
@champolot3 ай бұрын
Can I ask designs must not be based on dribble?
@uxdanio3 ай бұрын
“The world’s destination for design” is Dribbble’s slogan, and it’s a good source of inspiration. But keep in mind that often people showcase their UI skills only, or they don’t explain their UX process and design thinking.
@uxdanio2 ай бұрын
To add to my point, have a look at my latest video where I break down one of those kind of designs. It might prove a thing or two - kzfaq.info/get/bejne/j8ldid2ku66-e6c.htmlsi=lg7_YKZYRizTQzq2
@uifry4 ай бұрын
Awesome :)
@pemyep8005 ай бұрын
Very simple and I actually like how this video is not edited heavily. It giving me a student in a lecture class feeling haha thank u!
@uxdanio5 ай бұрын
Thanks! I appreciate it :) glad you found it useful. It’s quite old video though
@DavidPeyrouty5 ай бұрын
Excellent, thank you very much! You've gained a new subscriber 🚀
@uxdanio5 ай бұрын
🚀 Thank you! I appreciate it. Stay tuned for more :)
@the_innovation_grid5 ай бұрын
Thank you! Super helpful.
@jillbascome91266 ай бұрын
I know this tutorial has been here for a while and it looks like it is working well for everyone, but it isn't working for me and I am hoping someone can tell me what I have done incorrectly. I am using dropbox for my audio tracks and and put the links in as advised. I placed in the code and I can see the player but when I hit the play button nothing happens. Any help would be greatly appreciated
@uxdanio6 ай бұрын
Dropbox is a bit tricky sometimes. Make sure you have the right version of the url. I’m just guessing now what could be the issue as I don’t have more context. Here’s a support page from Dropbox: help.dropbox.com/share/force-download also you might want to check that nothing is covering your player button.
I have a question. Do you already know all the components you plan on using before you start naming your color tokens?
@uxdanio7 ай бұрын
Not necessarily. I usually create more when needed, but I prefer to start with a good base and include main components such as buttons, input fields, cards, etc. Design systems are supposed to be evolving with time.
@boluwajiiiii7 ай бұрын
I have been looking for a video or any material on this topic for a very long time. I just did not know what to search for. Like I knew what I wanted, I just don't know how to explain it. Thank you for this video, I am definitely going to subscribe to your channel and check out your other videos.
@uxdanio7 ай бұрын
Glad it was helpful!
@j4zzydotnet7 ай бұрын
how to do you get a track id?
@ossa40107 ай бұрын
Beautiful work, thank you
@uxdanio7 ай бұрын
Thank you! Cheers! 👋
@Aorta_inc7 ай бұрын
You're a legend! I've been trying to figure this out for a while, thank you!
@user-kc2rz2mc7z7 ай бұрын
Do i learn UI or UX first?
@uxdanio7 ай бұрын
Starting with UX design offers a strong foundation in understanding user needs, which is crucial when you later get into UI design to create functional interfaces. In the design process, UX typically comes first, focusing on user research and problem-solving. Then UI follows, bringing this understanding visually. It’s helpful to begin with UX and simultaneously start short UI tutorials, perhaps in a design tool like Figma, to familiarize yourself with both aspects of design. Hope it helps!
@user-kc2rz2mc7z7 ай бұрын
thanks that was really helpful! @@uxdanio
@rohit324567 ай бұрын
To become uiux designer , is it necessary to start with graphic design or to be have a good hand at photoshop and illustrator.....?
@uxdanio7 ай бұрын
Photoshop and Illustrator are just tools. I’ve seen people with poor skills in these tools having senior UX design positions. I’d start looking into Figma and learning user-centered design process.
@jimmygonyea97527 ай бұрын
it only has a "video url" section under the custom fields no "track url" any way to fix this? this would solve like 99% of the issues im having haha
@ivonnegracia919311 ай бұрын
Thank you man!! Really useful.
@ReyfaldoRInggo Жыл бұрын
Cara donwload
@rizwanyaseen8016 Жыл бұрын
Sir, how can we add audio music in figma for music app
@ajeetkumardhurwey6945 Жыл бұрын
😅55😊😅
@the0ne8092 ай бұрын
You can but it's a paid feature. Also, you need to upload as mp4, it adds more like a video than audio.
@oproductdesigner Жыл бұрын
legit, bro!
@TsipporahtheExplorer Жыл бұрын
wow! i've been searching so long for something like this. I appreciate you!
@humanoid144 Жыл бұрын
How to make this custom field Track URL?
@user-nv1el6wm8w Жыл бұрын
thanks for sharing!
@shubhamranjan745 Жыл бұрын
How can I create an audio url?
@JoyChien-tm2bn Жыл бұрын
you need to find a place to store / host it for you.