- Видео 23
- Просмотров 10 422
MrGeekofGeeks
Индия
Добавлен 22 янв 2022
This channel is all about Figma tips, Metaverse, Web technology, and a lot about New technology.
Master Mode Toggles in Figma Using Variables | Effortless UI Design Hacks
In this video, I'll walk you through the step-by-step process of creating a Mode Toggle in Figma using the powerful Variables feature. You'll learn how to seamlessly switch between light and dark modes with just a few clicks-perfect for designing responsive mobile screens. Whether you're new to Figma or a seasoned pro, this tutorial will help you level up your design skills and make your UI more interactive.
Why Watch This Video?
By mastering Variables in Figma, you can drastically simplify your workflow, making it easier to design adaptable and user-friendly interfaces. This video will provide you with practical tips that will help you save time while giving you more creative control over ...
Why Watch This Video?
By mastering Variables in Figma, you can drastically simplify your workflow, making it easier to design adaptable and user-friendly interfaces. This video will provide you with practical tips that will help you save time while giving you more creative control over ...
Просмотров: 65
Видео
Advanced Figma Prototype: Mastering Dropdown Menus with Live Examples & Common Mistakes
Просмотров 1703 месяца назад
🔍 Want to create advanced dropdown menus in Figma like a pro? In this video, I dive deep into designing a sophisticated prototype for dropdown menus. You'll see a step-by-step example and a live demonstration of how to build it from scratch. Plus, I'll highlight common mistakes and provide tips on how to avoid them to ensure your designs are flawless. Whether you're a beginner looking to improv...
Mastering Top Navigation: 26 Versatile Variations for Multi-Platform Use | AgileMod Design System
Просмотров 1973 месяца назад
Welcome to our detailed demo of the Top Navigation component from the AgileMod Design System! 🌟 In this video, we’ll take you through all 26 versatile variations of our Top Navigation component, designed for seamless multi-platform use. Whether you're working on web or mobile interfaces, our component supports both light and dark modes, ensuring a consistent and intuitive user experience. 🔍 Wha...
Ultimate Tab Component: 160 Variants, Scaling Fonts, and Multi-Device Support!
Просмотров 383 месяца назад
Welcome to our channel! In this video, I'm thrilled to unveil the Ultimate Tab Component, featuring 160 variants, scaling fonts, and comprehensive support for all devices, including watches, mobiles, tablets, and desktops. Plus, it comes with light and dark mode support to fit any design theme! After sharing a FigJam file with its various states and variations, it's finally here and ready to im...
Unlock Font Magic in Figma: Mastering Font Variables Tutorial
Просмотров 2535 месяцев назад
Welcome to our in-depth tutorial on mastering Font Variables in Figma! If you've ever wanted to take your typography skills to the next level, you're in the right place. Font Variables offer a revolutionary way to control and customize fonts across your Figma designs. 👉 What You'll Discover: 1. Introduction to Font Variables and their importance 2. Step-by-step guide to setting up Font Variable...
Figma Responsive Variable for Watch, Mobile, Tablet and Desktop
Просмотров 1,3 тыс.Год назад
The power of Figma's Responsive Variable feature with this Card example! 🎨💻 Creating adaptive and dynamic designs has never been easier. With Figma's latest update, I was able to effortlessly adjust this Card's layout for various screen sizes, making it a breeze to ensure a seamless user experience across different devices. 📱💻🖥️ . ✅ Variable - Watch/160, Mobile/300, Tablet/350, Desktop/500
Master Figma: Top 5 Essential Widgets Insights || Figma Tutorial 2024
Просмотров 1592 года назад
Welcome to the ultimate Figma tutorial of 2024! In this video, I'll guide you through the top 5 essential widgets in Figma, providing invaluable insights that will revolutionise your design workflow. From time-saving shortcuts to game-changing features, these widgets are must-haves for any Figma enthusiast. Join me as I explore each widget in depth, accompanied by real-life examples that showca...
How to Create Horizontal and Vertical Scroll in Figma || Scrolling in Figma || Figma Tutorial
Просмотров 2012 года назад
Hello everyone, in this Figma tutorial, you will get to know about how to Create Horizontal scrolling in Figma and Vertical Scrolling in Figma from scratch or How to Create Horizontal and Vertical Scroll in Figma or scrolling in Figma. Our other useful videos- Design system series - ruclips.net/video/pWkZzUnTZ4k/видео.html Top 5 Figma plugins for 2022 - ruclips.net/video/mX2fyiHPnfk/видео.html ...
How to Create Heart Animation in Figma || Figma 2022 || Animation || Figma tutorial
Просмотров 2112 года назад
Hello everyone, in this video, you will get to know How to create Heart Animation in Figma via Figma 2022 Animation updates. Plugin use - Iconify ( www.figma.com/community/plugin/735098390272716381 ) Duplicate our above Figma File - www.figma.com/community/file/1116408962510316371 Our other useful videos- Figma May 2022 updates - ruclips.net/video/kD7DODXJf4o/видео.html Design system series - r...
Figma 2022 Updates || Figma tutorial || New Figma Updates 2022
Просмотров 1242 года назад
Hello everyone, in this video, you will get to know about Figma 2022 Updates or new Figma updates. That not only helps you to work faster but it also helps you to increase your productivity. Heart Animation - ruclips.net/video/l4LEH7z6g1g/видео.html our other useful videos- Design system series - ruclips.net/video/pWkZzUnTZ4k/видео.html Top 5 Figma plugins for 2022 - ruclips.net/video/mX2fyiHPn...
How to Create Circular text in Figma || How to Create Circular Animation in Figma
Просмотров 3,7 тыс.2 года назад
How to Create Circular text in Figma || How to Create Circular Animation in Figma
How to Create Radio Buttons and Checkbox in Figma || Part-2 || Figma Tutorial
Просмотров 4052 года назад
How to Create Radio Buttons and Checkbox in Figma || Part-2 || Figma Tutorial
How to Create Design System in Figma || Part 1|| Figma Tutorial
Просмотров 1642 года назад
How to Create Design System in Figma || Part 1|| Figma Tutorial
Design Faster with These Top 5 Figma Plugins! 🚀 Boost Your Productivity Today!
Просмотров 1,7 тыс.2 года назад
Design Faster with These Top 5 Figma Plugins! 🚀 Boost Your Productivity Today!
How to Create Menu Animation in Figma || Figma Tutorial
Просмотров 1542 года назад
How to Create Menu Animation in Figma || Figma Tutorial
How to Create Loading Animation in Figma || Figma tutorial
Просмотров 1612 года назад
How to Create Loading Animation in Figma || Figma tutorial
How to Create Buttons in Figma || Figma Tutorial
Просмотров 8522 года назад
How to Create Buttons in Figma || Figma Tutorial
How to make Components and Variants in Figma || Figma Tutorial
Просмотров 3332 года назад
How to make Components and Variants in Figma || Figma Tutorial
Thanks a lot! Very Useful and detailed tutorial! In case we need to apply this in any existing figma files, then should the variables be applied to the main components in the design system and it'll reflect everywhere?
Hi, Khushboo thanks u find it useful :) yes it will definitely work but u need to be extra careful during variable creation. - Naming, Font weight, Line height and letter spacing
@@mrgeekofgeeks Okay I'll try using it. Thanks!
Informative :)
That's really helpful thanks for sharing, I just have one doubt how we can create for Different Layout?
Sure, will share it soon :-)
@mrgeekofgeeks Please try "Type Tool" plugin. Arc has some limitations and we tried to create more advanced version of it.
Very informative
Amazing 😍
I saw that in previous version Content Reel used to be much better since you could customize the item (e.g. nationality of names)
Oo that's great :) thanks for adding your thoughts 🙂
great vidio
Thanks, Ajay :)
Thanks a lot Geeky
My pleasure!
Thanks for the video!! It wasn't working for me at first, and what helped was to add padding to my frame. In case this helps anyone else :)
Nice video 😄
Thanks❣️
this is not a tutorial
Yeah u r right, this is a teaser of tutorial....Full tutorial is on this channel...Check it out now
Can we use it for some icon as well?
Yes, you need to follow the same steps for Icon too.
It's not working when we are trying to use for icons
Great video. This helped me alot
Thanks buddy 😁, but don't forget to subscribe the channel for new videos...
Not working
Hi Abhijit, you just need to Restart that prototype and test the component. If it doesn’t work you can duplicate our Figma files. Thanks :)
This plugins are amazing.thank you
Our pleasure Ene Victoria 😀
Amazing
Thank you! Cheers!
Nice and informative video.
Glad you liked it
You just need to restart the prototype and it will automatically update all the changes made to the components. Great video btw
its not woking for radio button
Try this one - www.figma.com/community/file/1109383569396613618
does not work:{
Try this - www.figma.com/community/file/1094275627117172639
Is there a problem with figma
Hi, you can duplicate our Figma file - www.figma.com/community/file/1094275627117172639 Thanks
Bro I literally did the same as you, but it doesn’t work!!!
Could you please share the Figma file link.
Having the same problem
Hi, you can duplicate our Figma file - www.figma.com/community/file/1094275627117172639 Thanks
Please can you also add a prototype of backward if I had to move from the profile to home how it looks thanks for such a nice video.
Sure will release a video as soon as possible. Thanks for watching :)
👍❤️
❤❤
❤❤❤❤❤
: )
Very helpful 🙂
: )
Useful👍
Glad to hear that
Nice explanation🙂👍
Thanks :D
Hey, our new video is up - ruclips.net/video/IyBXrJeshh0/видео.html . Hope you like our video.
The way of his explanation is really good nd easy.
Thanks brother
Hey, Jashwant our new video is up - ruclips.net/video/IyBXrJeshh0/видео.html
🔥🔥🔥🔥
:)
Hey, Naman our new video is up - ruclips.net/video/IyBXrJeshh0/видео.html