Nick Babich
Nick Babich
  • 155
  • 1 535 396
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
Переглядів: 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
Responsive layout grid in Figma
Переглядів 9 тис.4 місяці тому
Responsive layout grid in Figma
Interactive tooltip in Figma
Переглядів 2,4 тис.5 місяців тому
Interactive tooltip in Figma
Accessibility Testing in Figma
Переглядів 3,1 тис.5 місяців тому
Accessibility Testing in Figma
Scarcity in product design
Переглядів 1855 місяців тому
Scarcity in product design
Venn Diagram in Figma
Переглядів 9695 місяців тому
Venn Diagram in Figma
OKR in product design
Переглядів 1,1 тис.5 місяців тому
OKR in product design
Dev Mode in Figma
Переглядів 8 тис.5 місяців тому
Dev Mode in Figma
7 Custom GPTs for Product Designers
Переглядів 7386 місяців тому
7 Custom GPTs for Product Designers
Create custom style in Midjourney
Переглядів 2 тис.6 місяців тому
Create custom style in Midjourney
GPT Store is a disaster
Переглядів 1,1 тис.6 місяців тому
GPT Store is a disaster
Booking.com UX review
Переглядів 6066 місяців тому
Booking.com UX review
Netflix UX review
Переглядів 1,5 тис.6 місяців тому
Netflix UX review
Jobs To Be Done (JTBD) in FigJam
Переглядів 1,5 тис.7 місяців тому
Jobs To Be Done (JTBD) in FigJam
User Flow Design In FigJam
Переглядів 9 тис.7 місяців тому
User Flow Design In FigJam
Customer journey mapping in Figjam
Переглядів 9 тис.7 місяців тому
Customer journey mapping in Figjam
Image Zoom On Mouse Hover in Figma
Переглядів 19 тис.7 місяців тому
Image Zoom On Mouse Hover in Figma
Segmented button in Figma
Переглядів 3 тис.7 місяців тому
Segmented button in Figma
Tab navigation in Figma
Переглядів 16 тис.7 місяців тому
Tab navigation in Figma
Animated loader in Figma
Переглядів 9978 місяців тому
Animated loader in Figma
Generate Style Guide in Figma Automatically
Переглядів 9 тис.8 місяців тому
Generate Style Guide in Figma Automatically

КОМЕНТАРІ

  • @oladimejitoluwa
    @oladimejitoluwa 3 дні тому

    Thank you

  • @aina9873
    @aina9873 3 дні тому

    Thank you!

  • @CaitlinPatron
    @CaitlinPatron 3 дні тому

    I cant find the plug it :( did they remove it ?

  • @RiturajKumar-r4l
    @RiturajKumar-r4l 4 дні тому

    Woww great & fastest way to create it, but how can I change the text for each section & make it different? anyone please help.

  • @yash.32978
    @yash.32978 5 днів тому

    thank you for this information i spend 1 day of this drop down box and i complete this task so thank you so much

  • @walaaeuqul728
    @walaaeuqul728 5 днів тому

    Thank you a lot 🙏🏻

  • @thelastpixel0219
    @thelastpixel0219 6 днів тому

    How using a button to flip

  • @randomshiz.7495
    @randomshiz.7495 6 днів тому

    Whenever I click on the blank space The menu option i.e. Select blinks in blue, please help with the solution

  • @fordlouis1962
    @fordlouis1962 9 днів тому

    Pretty easy to follow and doesn’t take hour to complete, appreciate the help. You’re doing God work!!!

  • @AaradhyaShukla
    @AaradhyaShukla 9 днів тому

    Thanks so much this is so much easier idk why people over complicate these 😂

  • @ABESW0RLD
    @ABESW0RLD 10 днів тому

    Thanks alot 🤌🏿🤌🏿🤌🏿🤌🏿👏🏿👏🏿

  • @Erik_Fenety
    @Erik_Fenety 10 днів тому

    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

  • @arpeitasaha4577
    @arpeitasaha4577 12 днів тому

    your videos are very easy to follow

  • @iamslymn
    @iamslymn 12 днів тому

    Great video Nick. Just for fun: you moved first :D

  • @UmairUlhaque
    @UmairUlhaque 12 днів тому

    Many thanks Nick, it was very helpful to learn

  • @arpeitasaha4577
    @arpeitasaha4577 13 днів тому

    Tried and i found it very easy

  • @showthemevids
    @showthemevids 13 днів тому

    Great Tutorial!!! Thanks a lot.

  • @showthemevids
    @showthemevids 13 днів тому

    Best and easiest quick tutorial ever. Thank you so much.

  • @MyHarmony0_0
    @MyHarmony0_0 13 днів тому

    Thank you, Thank you , Thank you , Thank you , Thank you ,Thank you , Thank you , Thank you ,Thank you , Thank you , Thank you , Thank you

  • @MyHarmony0_0
    @MyHarmony0_0 13 днів тому

    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

  • @user-ck3ff7xn1d
    @user-ck3ff7xn1d 13 днів тому

    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?

  • @enuekwewisdom9859
    @enuekwewisdom9859 13 днів тому

    It worked 🥹🥹

  • @ncdc919
    @ncdc919 15 днів тому

    Great stuff Nick! Really simple explanation on creating tab navigation with animation.

  • @natali_tochonaya
    @natali_tochonaya 15 днів тому

  • @HassaanBxtt
    @HassaanBxtt 17 днів тому

    Thanks a Lot, Brother!

  • @mallucomedy6438
    @mallucomedy6438 17 днів тому

    thanks

  • @AnNguyen-lh6df
    @AnNguyen-lh6df 18 днів тому

    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!

  • @crispybeicon3583
    @crispybeicon3583 23 дні тому

    You're a godsend. Thank you so much for your help.

  • @MatthieuGeslin
    @MatthieuGeslin 23 дні тому

    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

  • @iyamuidahosa2177
    @iyamuidahosa2177 23 дні тому

    Thanks Nick for this video.

  • @userresearch-f6f
    @userresearch-f6f 23 дні тому

    Why didn't I click on this video sooner.

  • @thebestgirl
    @thebestgirl 24 дні тому

    Thanks a lot !!!

  • @shaiynasaini5538
    @shaiynasaini5538 24 дні тому

    Don't rotate the frame of the varient guys rotate the circle inside the varient.

  • @allhailthecore3136
    @allhailthecore3136 26 днів тому

    You, sir, are a life saver. Thank you!

    • @yashsoni8043
      @yashsoni8043 15 днів тому

      But we can't export this code in html css I am not going to get a drawdown like this !? Please help

  • @virginiad.britor.8538
    @virginiad.britor.8538 26 днів тому

    Esta increíble, muchas gracias

  • @ChristianHarries
    @ChristianHarries 27 днів тому

    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.

  • @morakinyobukola9586
    @morakinyobukola9586 27 днів тому

    I love your tutorial...short and straight forward

  • @yuri.moiseyev
    @yuri.moiseyev 28 днів тому

    when you make vidoe, get yourself an app to show short cuts!

  • @yuri.moiseyev
    @yuri.moiseyev 28 днів тому

    blocks are not aligned to the grid.

  • @yuri.moiseyev
    @yuri.moiseyev 28 днів тому

    nothing new

  • @nazmulhossain2883
    @nazmulhossain2883 28 днів тому

    Welcome to the video and audio quality you cange

  • @hasa6845
    @hasa6845 28 днів тому

    Love the music

  • @xenogears_id
    @xenogears_id 28 днів тому

    nice!

  • @morakinyobukola9586
    @morakinyobukola9586 28 днів тому

    This is the best and easiest tutorial. I came across concerning this interactive tab bar… others have been confusing

  • @Dumogu2031
    @Dumogu2031 Місяць тому

    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

  • @yuricavalcanti6525
    @yuricavalcanti6525 Місяць тому

    Thanks for you videos, you help a lot

  • @franckngoubounkou9930
    @franckngoubounkou9930 Місяць тому

    😊 i m so happy at the moment witj you good viedeos

  • @franckngoubounkou9930
    @franckngoubounkou9930 Місяць тому

    I can't see it in figma . Have they change icon ???

  • @franckngoubounkou9930
    @franckngoubounkou9930 Місяць тому

    😊

  • @franckngoubounkou9930
    @franckngoubounkou9930 Місяць тому

    😊 the Best