Hi👋 Welcome to our channel dedicated to all things web design, UI/UX design, and digital products! Our goal is to provide you with insightful and informative content that will help you improve your skills and stay up-to-date with the latest design trends and best practices.
From tutorials and tips to product reviews and industry news, we cover it all. Whether you're a seasoned pro or just starting out, we've got something for everyone.
Join our community of designers 🚀 and creatives and let's explore the world of web design, UI/UX design, and digital products together. Don't forget to subscribe and hit the notification bell so you never miss a video!
Try the other video i've done, the concept and the techniques are pretty similar ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-_gBeB3BM-dc.html and let me know if you have any questions.
Hey tbh do the voiceovers. It really adds a personal brand to your channel. Who cares if people care about how you talk and also you will even get better the more you do it.
Thanks for taking the time and write this comment yes, this is a great advice and im working on it now, sometimes my voiceovers aren’t great, so i add music instead! Thanks for sharing your thoughts and ideas this helps me to improve my content.
Thanks for your comment. We resize the frame at the end because we want the elements to stay within the frame size. Additionally, this is how Figma does horizontal scrolling. You can avoid the frame resize, but then you have to go to the prototype tab and set the frame - > to horizontal scrolling :)
@@SigmaSigma-yo2wmthanks for your reply, good articles about UX you can find on Medium, and video content is RU-vid. Regarding where you can upload your work I would suggest Figma community, it’s free and you can get other community members feedback. Which is valuable.
@@SigmaSigma-yo2wm Thank you for your comment. If you enjoy reading, you might want to check out articles on Medium. If you prefer video format, I recommend watching tutorials on RU-vid, like this one :) As for where to upload designs, I suggest looking into Figma Community. It's free, and you can receive valuable feedback from the community.
Thank you for the video! Up until the 1440 pixels screen, everything was clear, but my project uses different screen sizes. Could you please guide me on the formula used to calculate grid parameters? I have screens sized 1024 pixels, 768 pixels. I would be grateful for any answers and guidance :)
Thanks for your comment. The calculations depend on the initial grid system used, such as Bootstrap, MUI, etc. The grid may differ based on this. If you are using the 8-pixel grid system, the general gird system could be: > 1024px. Columns (count): 12 Type: Stretch Width: Auto Margine: 48 Gutter: 24 > 768px. Columns (count): 8 Type: Stretch Width: Auto Margine: 32 Gutter: 24 > 375px. Columns (count): 4 Type: Stretch Width: Auto Margine: 16 Gutter: 16 Detailed guidelines can be found on the Material Design - Responsive layout grid: m2.material.io/design/layout/responsive-layout-grid.html#columns-gutters-and-margins Important: This is not advice; it is just my opinion. Values might be different for you, so please check the correct values before applying.
Thanks for your comment. In the video description, you will find the link to the Figma file where you can access/export all the assets in vector format.
To group auto layout click shift-A , this is my first video in figma and I used to use ctrl G usual to Group but its not the same I noticed , so I found this SHIFT A
The plugin is called: Export GIF you can find it in community tab. Export a GIF 1. Select a frame or composition with a GIF in it 2. Run the "Export GIF" plugin command 3. Click Export
Thanks for your comment, ideally it you select the header nav component (left or right) and move it you should be able to adjust it to specific screen size, when you add a mockup e.g. 1440px, try to specify header constraints (left/right/top) this should adjust it accordingly. I will create a step by step tutorial for you on this topic in a next few tutorials and will break it down into more details, would be happy to hear your feedback if it worked. Also subscribe not to miss it. 👋
Thank you for your comment, yes you can do that through "after delay" you have to create cluster components and then create variants, and set conditional variants. Then you can calculate the time the cluster will get to e.g. 50mph and trigger the desired message through "after delay". This is complicated, but technically should work :) I suggest an alternative approach to solving the task: I would try to use: Motion - UI and Games animation plugin see the link here: www.figma.com/community/file/966913921712314277 you can add the animation (points) this will hopefully help you and will be less time consuming. I will create the tutorial and try to cover this task and hopefully will be helpful for you, but until then you can try this method, and would appreciate hearing your feedback. Thanks 🙂
I am really trying to save my auto company money from paying an outside company to do this. I have a star button, want it to wake up the cluster, I made an accelerator button want to press it and have speed increase, release it and car slows as if it had one pedal then show regeneration bar move....once I learn that I can configure the whole cluster. If you could demo any of that it would be great. I can donate no worries
Hi Design League, First of all great video content. I saw your GitHub repository for this particular design where you have also used Qt Design Studio. I have 2 questions regarding this if you do not mind answering them. 1. Did you use a plugin such as Qt Bridge to import Figma files to Qt Design Studio? If not, what did you use? 2. Have you implemented your Qt QML design on hardware? If so, what hardware (MCU and TFT display) did you choose and why? Thank you for answering these questions.
Thanks for your comment, try to follow the steps i’ve done for seconds countdown then duplicate the comment and rename it to hours (don’t forget to add more delay time e.g 8000ms)and repeat the process for minutes and so on. I will create a video for you where i will animate all the elements. 👍 Let me know if you have any other questions.
Fantastic! Thank you for bringing viewers'/users' attemtion to th is plugin. I have been looking for one to help with creating an ease of design for flow and this fits the bill. Were one to want to unlock all options in a pro-version, it is only a one-time purchase too of US$8, well worth it for me.
Thanks for your comment, I'm glad the video was helpful for you, check the other videos on the channel, and if you have any questions please let me know!
bro, thank you really. I subscribe, you fcking made it work for me. Godbless. I hope you continue making videos, especially for a whole landing page design process.
Thank you for your comment, im happy it was helpful for you. I will definitely create the landing page process thanks for suggesting it’s important for me to create the content that you guys want! 👍
Great video on Autolayout #config23, however there is a discrepancy between what you are saying and what you typing in Figma in the video. Also if you could increase the size of your Figma screen and annotate the steps in words than this will dramatically improve the quality of your video, best of luck with your 10K Target.
Thank you so much for your feedback this is very important for me. I will take into consideration the points you’ve made in my next video. Also here is very similar tutorial for you maybe it will be helpfull. Thanks Jim ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-97FCF8Qz2uE.htmlsi=bQV4GhZijDKqFLtO
Hi, i have an issue on creating an instance of the head navigator (@ 13:20 ). It produces only 1 of the 3 head navigators each time i copy and paste them over the frames (desktop, tablet and mobile). I cannot change the properties of the navigator header (S, M , L). I have followed the steps multiple times , but without luck. Is there any solution for that ?
Hi here is the new video that I have explained step by step ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-zyraRIgHU_w.html please let me know if I answered your question. thanks
@@Paris_objects Hi Paris, thanks for your comment, I am not sure here is the URL: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-TSs1Bx4go90.html let me know if you have any questions, happy to help :)