- 155
- 1 535 396
Nick Babich
Приєднався 1 вер 2022
A channel about User Experience and User Interface Design
Interactive 3D Model in Figma Prototype
In this tutorial, I will show how to add a fully interactive 3D model of any object to your design created in Figma. I will use 3 tools for that: @splinetool for storing 3D model, Figma for UI design and @AnimaApp for creating interactive prototype with embedded 3D model in it.
Credits:
3D model of a wooden toy by Ujjwal Chauhan
#figmatutorial #figmatips #spline #3d #3dmodeling
Credits:
3D model of a wooden toy by Ujjwal Chauhan
#figmatutorial #figmatips #spline #3d #3dmodeling
Переглядів: 134
Відео
Language localization for design mocks in Figma
Переглядів 19114 днів тому
In this tutorial, I will show how to do language localization for UI using string variables. You will also learn how to quickly switch between language mode using a simple dropdown right in Figma. #figma #figmatips #figmadesign
Light and dark modes in Figma
Переглядів 28521 день тому
In this tutorial, I will show how to create light and dark UI modes in Figma using color variables. You will also learn how to switch between two color modes dynamically. #figma #figmatutorial #figmatips
Corner radius and smoothing in Figma
Переглядів 541Місяць тому
In this tutorial, I will show how to set corner radius for UI elements like frame and rectangle. You will also learn what corner smoothing is and how to choose the right smoothing for iOS. You will see how to choose the correct corner radius for nested UI elements. 01:09 How to choose the right corner radius in web & mobile design 01:21 Default corner radius for Apple iOS 01:36 Changing the cor...
Page Indicator Animation in Figma
Переглядів 6402 місяці тому
In this tutorial, I will show how to design a simple animated page indicator in Figma. We will create a page indicator using basic Figma objects, turn it into a component, and animate it in Prototype mode. #figma #figmadesign #figmatutorial
Export Figma Design To GIF
Переглядів 1,4 тис.2 місяці тому
In this tutorial, I will show you how to export any visual design from Figma to a GIF file. This comes in handy when you need to create a demo for stakeholders or add a nice visual to your Dribbble or Behance portfolio. Figma Plugin (TinyImage Compressor): www.figma.com/community/plugin/789009980664807964/tinyimage-compressor #figma #figmadesign #figmaplugins
Eisenhower matrix in product management | How to prioritize tasks effectively
Переглядів 2222 місяці тому
How to prioritize tasks by importance and urgency? Use the Eisenhower matrix for this. Named after US President Dwight Eisenhower, this tool is especially useful when you have dozens of tasks you need to work on and feel like you're not making good progress. 00:16 How to use the Eisenhower matrix 01:40 Example of using the Eisenhower matrix for product design tasks
Speed vs quality in product design
Переглядів 1813 місяці тому
Simple technique that will help you to find a trade-off between speed and quality when building your product.
Minto Pyramid in product design
Переглядів 2103 місяці тому
Minto Pyramid is an effective communication tool to quickly and clearly communicate complex issues to busy people. In this video, I will show you how to use this tool to communicate product design details.
Notification Bell Icon Animation in Figma
Переглядів 1,5 тис.4 місяці тому
Notification Bell Icon Animation in Figma
Image Zoom On Mouse Hover in Figma
Переглядів 19 тис.7 місяців тому
Image Zoom On Mouse Hover in Figma
Generate Style Guide in Figma Automatically
Переглядів 9 тис.8 місяців тому
Generate Style Guide in Figma Automatically
Thank you
Thank you!
I cant find the plug it :( did they remove it ?
Woww great & fastest way to create it, but how can I change the text for each section & make it different? anyone please help.
thank you for this information i spend 1 day of this drop down box and i complete this task so thank you so much
Thank you a lot 🙏🏻
How using a button to flip
Whenever I click on the blank space The menu option i.e. Select blinks in blue, please help with the solution
Pretty easy to follow and doesn’t take hour to complete, appreciate the help. You’re doing God work!!!
Thanks so much this is so much easier idk why people over complicate these 😂
Thanks alot 🤌🏿🤌🏿🤌🏿🤌🏿👏🏿👏🏿
He's the same person. He's just a different person now because of what he went through. He is vital to National Security in the US Gov. Until he is no longer alive. Everything started in 2012 in Moncton. Things started for me in 2015. In 2017, everything changed. MIT knew that I had telepathy and the ability to predict better than anyone else in the world, according to their own data. They knew that I could "read minds." I have traits that are associated with synonyms of telepathy. I am different in those ways because I have telepathy. This was briefly explained to me in October 2022, and I was expected to take it as seriously as possible and was aware that this needed to be kept secret. I did not disappoint. I understood that I had a very important role to play, and I did better than anyone thought was possible. MIT, I did something that has transformed the world. AI is more capable now than it otherwise would have been. DARPA's Deep Learning Program for NLP( Natural LanguageProcessing) - They could not have done it without me - Fact Dalle-E3, Imagen2, and GPT-3.334 (GPT-3.5) March-April-May-June-July 2023- Customizer 2015-2024 (7-9 years of my life - Factually 7 years minimum) Things became apparent in 2019 that something was happening to my life, but nobody seems to understand what it means when an institution like MIT throws everything they have to discrete someone. They took the CIA playbook: over the course of years, This was essentially done before October 2022. 1 Isolate 2 manipulate 3 Take away everything they have [$] I've been aware of telepresence since late 2020. I became part of something bigger than myself, and they (MIT) are the one's who found me. I made it myself. Nobody did it for me Dalle-E, Dalle-E2, Imagen, Dalle-E3, Imagen2, and then the NVIDIA NeMo Customizer [GPT-3.5 + Imagen2 + GPT-4.5 (#21+#7)] which is part of the NVIDIA NeMo NIMS (Neural Modules) I did what I did while dealing with things that could have profoundly changed world peace. (A bit more than National Security). What happened last July (2023) was a mistake. To decide who earned a good life? To decide who should "represent telepathy" goes against science and basic truth. This decision seems to have been made on a whim, and everything else If they put their minds to it, they can offer me a life worth living without thinking of me as an enemy. This is about right& wrong. July 17th, 2024 T:19:49 Erik Andrew Fenety Perplexity
your videos are very easy to follow
Great video Nick. Just for fun: you moved first :D
Many thanks Nick, it was very helpful to learn
Tried and i found it very easy
Great Tutorial!!! Thanks a lot.
Best and easiest quick tutorial ever. Thank you so much.
Thank you, Thank you , Thank you , Thank you , Thank you ,Thank you , Thank you , Thank you ,Thank you , Thank you , Thank you , Thank you
WOW, your way is so easy and great, I saw other videos they took so long to explain and I understand NOTHING from them, but your way is so good and simple. Thanks a lot
Hi, Great Video. Thanks lot. Quick Question can I import many variables as string at once than copy pasting it manually in a single cell, like import from google sheet or something?
It worked 🥹🥹
Great stuff Nick! Really simple explanation on creating tab navigation with animation.
❤
Thanks a Lot, Brother!
thanks
To my surprise, lots of people, including PMs and designers, are mixing up IA and navigation structure. That happens within my team as well and has been making me so confused when people use it interchangeably. This video clarifies the differences in a very comprehensive way. Thank you!
You're a godsend. Thank you so much for your help.
Hey, is there any way to scroll with your mouse and it scroll horizontaly ? Because it seems we can only scroll by clicking on frame
Thanks Nick for this video.
Why didn't I click on this video sooner.
Thanks a lot !!!
Don't rotate the frame of the varient guys rotate the circle inside the varient.
You, sir, are a life saver. Thank you!
But we can't export this code in html css I am not going to get a drawdown like this !? Please help
Esta increíble, muchas gracias
Great video! Is there a way to do this without open/closed variants? I've made a "header" component with different states already, I've also made a "row" component with all info I need to show (including dropdowns/inputs) I want to try and link them so that when I click on the "header" it opens up and shows the "row", then when I click again it hides it.
I love your tutorial...short and straight forward
when you make vidoe, get yourself an app to show short cuts!
blocks are not aligned to the grid.
nothing new
Welcome to the video and audio quality you cange
Love the music
nice!
This is the best and easiest tutorial. I came across concerning this interactive tab bar… others have been confusing
This was the best video I could not for the life of me figure it out with the other videos. Now I’m just figuring how to make the background reactive with the questions opening and closing
Thanks for you videos, you help a lot
😊 i m so happy at the moment witj you good viedeos
I can't see it in figma . Have they change icon ???
😊
😊 the Best