Design Xstream
Design Xstream
  • Видео 158
  • Просмотров 4 654 165
Easy Lottie Animation with Figma & Lottielab - Complete Step-by-Step Tutorial
Easy tutorial on animating designs from Figma into Lottie, GIF or Video MP4 animations! Learn how to effortlessly create and bring animations to life in your apps and websites without the complexity of After Effects. Dive into my screen screen as I explore LottieLab’s intuitive interface and seamless Figma import feature.
#lottieanimation #lottielab #figmatolottie
⏱️Timestamps:
0:00 - Lottielab Intro
1:20 - Interface Walkthrough
2:12 - Seamless Import from Figma
3:26 - Animating in Lottielab
6:10 - Designing in Lottielab
10:00 - Exporting
📄Resources:
Link to Lottielab: www.lottielab.com/
🔴 Don't forget to Subscribe. Trust me it's absolutely FREE - bit.ly/SubToDesignXstream 😅
If you would like to see ...
Просмотров: 2 280

Видео

10 tips & tricks to design 10x faster in Figma - Part 2 | Figma Tutorial 2024
Просмотров 2,9 тыс.3 месяца назад
🔥 Start using Figma for FREE → bit.ly/TryFigma 🔗 Join our design community here → bit.ly/DX-Community Here are 10 advanced tips & tricks that will help you design faster in Figma. Are you tired of spending hours working on Figma designs? Do you want to learn how to be more efficient and productive in your workflow? Look no further than this video! In this tutorial, I will show you 10 advanced t...
How FigJam AI Can Be Your Ultimate Research Assistant for Free
Просмотров 1,1 тыс.3 месяца назад
🔗 Link: bit.ly/StartFigJamAI Discover the power of AI in FigJam to accelerate your research and design process. This tutorial unveils how to quickly get started with FigJam's AI tools to ideate and conduct smoother brainstorming. Tap into advanced features for faster, smarter, and more intuitive design research with FigJam. #Figma #Brainstorming #FigJamAI ⏱️Timestamps: 0:00 - Intro 1:04 - Getti...
How to quickly find Locked/Hidden Layers in Figma | Tips & Tricks
Просмотров 2,1 тыс.5 месяцев назад
Let's see how to quickly locate and find locked layers in Figma even if they are hidden. Two simple tricks that you can use on the canvas to quickly select a locked layer and unlock it. Also, will be showing a bonus trick to bulk unlock layers with just a single click. So stay tuned till the end of the video! #Figma #FigmaTips #UnlockFigma ⏱️Timestamps: 0:00 - Intro 0:16 - Tip #1 0:56 - Tip #2 ...
Path Animation for Objects in Figma: with & without Plugins
Просмотров 15 тыс.6 месяцев назад
Starting with the basics, I'll show you how to create a point-to-point zigzag animation, perfect for beginners. Next, we'll elevate your skills by teaching you how to animate objects along a smooth, curved path - no plugins required. Finally, for those looking to achieve professional results with ease, we'll try a super easy method using Figma plugins that streamline the animation process. Whet...
Easy Guide to Figma Constraints: with Real UI Examples
Просмотров 1,3 тыс.7 месяцев назад
This is an easy-to-understand guide on how constraints work in Figma. Constraints are a common topic in many tools like Figma, Sketch, WebFlow, Framer, etc. The behaviour is also common in most of these tools which help in creating designs that scale. #Figma #Constraints #FigmaTutorialSeries ⏱️Timestamps: 0:00 - Intro 0:34 - Understanding the terms 3:18 - Example for Left, Right, Top, Bottom 5:...
How to Design an Interactive Carousel in Figma | Beginners Tutorial
Просмотров 2,2 тыс.8 месяцев назад
How to Design an Interactive Carousel in Figma | Beginners Tutorial
How to Design an Interactive Bottom Nav in Figma | Beginners Tutorial
Просмотров 3,2 тыс.8 месяцев назад
How to Design an Interactive Bottom Nav in Figma | Beginners Tutorial
How to Design an Interactive Loaders in Figma | Beginners Tutorial
Просмотров 2,8 тыс.9 месяцев назад
How to Design an Interactive Loaders in Figma | Beginners Tutorial
How to Design an Interactive Navigation Tabs in Figma | Beginners Tutorial
Просмотров 7 тыс.10 месяцев назад
How to Design an Interactive Navigation Tabs in Figma | Beginners Tutorial
Part 2: Figma Advanced Prototyping Features 2023 | In-depth tutorial
Просмотров 1,6 тыс.10 месяцев назад
Part 2: Figma Advanced Prototyping Features 2023 | In-depth tutorial
How to Design an Interactive Toggle Switch in Figma | Beginners Tutorial
Просмотров 2,3 тыс.11 месяцев назад
How to Design an Interactive Toggle Switch in Figma | Beginners Tutorial
Part 2: Build TicTacToe Game in Figma | Advanced Prototyping In-depth Tutorial
Просмотров 1,1 тыс.11 месяцев назад
Part 2: Build TicTacToe Game in Figma | Advanced Prototyping In-depth Tutorial
Build TicTacToe Game in Figma | Advanced Prototyping In-depth Tutorial
Просмотров 5 тыс.11 месяцев назад
Build TicTacToe Game in Figma | Advanced Prototyping In-depth Tutorial
How to Design an Interactive Checkbox in Figma | Beginners Tutorial
Просмотров 10 тыс.Год назад
How to Design an Interactive Checkbox in Figma | Beginners Tutorial
Figma Advanced Prototyping Features 2023 | In-depth tutorial
Просмотров 26 тыс.Год назад
Figma Advanced Prototyping Features 2023 | In-depth tutorial
How to Design an Interactive Radio Button in Figma | Beginners Tutorial
Просмотров 8 тыс.Год назад
How to Design an Interactive Radio Button in Figma | Beginners Tutorial
Import PDF to Figma without Plugins | Figma Hacks
Просмотров 14 тыс.Год назад
Import PDF to Figma without Plugins | Figma Hacks
How to Design an Interactive Dropdown in Figma | Beginners Tutorial
Просмотров 29 тыс.Год назад
How to Design an Interactive Dropdown in Figma | Beginners Tutorial
How to Design an Interactive Input Field in Figma | Beginners Tutorial
Просмотров 140 тыс.Год назад
How to Design an Interactive Input Field in Figma | Beginners Tutorial
How to Design an Interactive Button in Figma: For Beginners
Просмотров 60 тыс.Год назад
How to Design an Interactive Button in Figma: For Beginners
😍 30000 Subscribers Special | Freebie Figma Interactive UI Kit
Просмотров 3,1 тыс.Год назад
😍 30000 Subscribers Special | Freebie Figma Interactive UI Kit
Gamification in UX Design: Good or Bad? 🤔
Просмотров 1,1 тыс.Год назад
Gamification in UX Design: Good or Bad? 🤔
Figma to Lottie: The Long-Awaited Export Feature is Here | Export As JSON
Просмотров 13 тыс.Год назад
Figma to Lottie: The Long-Awaited Export Feature is Here | Export As JSON
10 tips & tricks to design 10x faster in Figma - Part 1 | Figma Tutorial 2024
Просмотров 23 тыс.Год назад
10 tips & tricks to design 10x faster in Figma - Part 1 | Figma Tutorial 2024
Get Started with AI in UX Design | Mihir Pathare | Demonstration on ChatGPT
Просмотров 911Год назад
Get Started with AI in UX Design | Mihir Pathare | Demonstration on ChatGPT
Did You Know the 10 Most Downloaded Figma Plugins? 😳
Просмотров 1,8 тыс.Год назад
Did You Know the 10 Most Downloaded Figma Plugins? 😳
HCI Masters in USA | Product Designer at Microsoft | UI UX Degree | Things to Know
Просмотров 6 тыс.Год назад
HCI Masters in USA | Product Designer at Microsoft | UI UX Degree | Things to Know
7 Steps to Become a UI UX Designer in 2023 🚀
Просмотров 6 тыс.Год назад
7 Steps to Become a UI UX Designer in 2023 🚀
Let's Create a Cool Map Pin Drop Interaction in Figma
Просмотров 3,6 тыс.Год назад
Let's Create a Cool Map Pin Drop Interaction in Figma

Комментарии

  • @LucaSapoW
    @LucaSapoW 26 минут назад

    Awesome video! thanks! greetings from a newbie in Brazil!

  • @PatelKabeer
    @PatelKabeer День назад

    Thanks for helping 😊

  • @souleater0815
    @souleater0815 3 дня назад

    I don't have the new UI yet

    • @DesignXstream
      @DesignXstream 3 дня назад

      You can join the waitlist. I got access in one day.

  • @adiitechhub
    @adiitechhub 3 дня назад

    new

  • @Abirami030
    @Abirami030 5 дней назад

    When the update is available for public

    • @DesignXstream
      @DesignXstream 4 дня назад

      Its in beta you can join the waitlist. Goto the Help icon at the bottom right and choose 'Join UI3 + AI Waltlist'

  • @Abirami030
    @Abirami030 5 дней назад

    Team New UI

  • @TechzClubOfficial
    @TechzClubOfficial 5 дней назад

    Team New UI ❤

  • @prasanthwarre
    @prasanthwarre 5 дней назад

    surely old ui but I'll try the new when I get it

  • @sanglohakare
    @sanglohakare 6 дней назад

    how do you stop plaer from interacting if the winner is declare before filling all the cells... so if all sells are filled and winner is not declare the game is draw.. but if all cells are not filled and winner is declared how do we stop player from interacting with untouched cells??

    • @DesignXstream
      @DesignXstream 4 дня назад

      If we need to address that scenario then we need to add that condition to cells saying if winner declared then on click add nothing (neither X nor O) then it should work.

  • @JohnIta-qc4lh
    @JohnIta-qc4lh 6 дней назад

    Thanks Bro😊

  • @fragilegameplay3161
    @fragilegameplay3161 7 дней назад

    Not Perfect at All

    • @DesignXstream
      @DesignXstream 7 дней назад

      yah not perfect but makes the job way easy than before..

  • @prasanthwarre
    @prasanthwarre 7 дней назад

    love this ❤️

    • @DesignXstream
      @DesignXstream 7 дней назад

      makes the job way easy than before..

  • @jdoe80
    @jdoe80 7 дней назад

    @DesignXstream how you done with the lowercase letter?

    • @DesignXstream
      @DesignXstream 4 дня назад

      just key press for each 'a' > a & 'A' > Shift + A

  • @kray8tbt
    @kray8tbt 8 дней назад

    When I put the image on the label it's not showing on the phone

    • @kray8tbt
      @kray8tbt 8 дней назад

      Can you help me. Thank you!

    • @DesignXstream
      @DesignXstream 4 дня назад

      which plugin are you using?

  • @sebastianf9503
    @sebastianf9503 8 дней назад

    amazing!!! if i only knew about the code feature for devs :( excited for figma config 2024

    • @DesignXstream
      @DesignXstream 4 дня назад

      Hope you checked out the config 2024 features more on dev mode and AI

  • @onhisya912
    @onhisya912 8 дней назад

    after i add and mask the rectangel, it disappears

    • @DesignXstream
      @DesignXstream 4 дня назад

      did you place the mask at the back?

  • @JulietAhiante-lc3rl
    @JulietAhiante-lc3rl 8 дней назад

    super easy👍🏽 Thank you

  • @user-pi1fd3lz2b
    @user-pi1fd3lz2b 10 дней назад

    Please answer me❤. Can I try with Samsung A9 too?

    • @DesignXstream
      @DesignXstream 4 дня назад

      hey it will work on any latest tab. But please keep in mind that it will be slow when compared to a laptop or desktop as the file size increases.

    • @user-pi1fd3lz2b
      @user-pi1fd3lz2b 4 дня назад

      @@DesignXstream Thanks for answering. Waiting for your upcoming videos.

  • @ustymhanuliak4554
    @ustymhanuliak4554 11 дней назад

    Love you man!

  • @KalimRai86
    @KalimRai86 12 дней назад

    Thanks for all your amazing tips... yeah plz make part two and also Password Input Fields (Hide and Show)

    • @DesignXstream
      @DesignXstream 4 дня назад

      Part 2 is already out: ruclips.net/video/K1dYFGIZNW8/видео.html

  • @OvienSuccess
    @OvienSuccess 12 дней назад

    Thank you

  • @KulwantSingh-ic8uz
    @KulwantSingh-ic8uz 13 дней назад

    It's indeed a utterly helpful video...thanks for all your efforts...but how we can add hover effect on the radio button...plz make it clear with a video or explanation..thanks!

    • @DesignXstream
      @DesignXstream 4 дня назад

      For that it needs a new state and then smart animate. which happens on trigger on Hover.

  • @Seungjos
    @Seungjos 14 дней назад

    very helpful in a time consuming project 😊😊 thanks!!

  • @kyalesd9062
    @kyalesd9062 15 дней назад

    THIS REALLY HELP ME ON MY ASSIGMENT

    • @DesignXstream
      @DesignXstream 15 дней назад

      Glad you found it helpful! Cheers buddy ✌️

  • @212Tasneem
    @212Tasneem 15 дней назад

    This was extremely helpful. thank you so much

    • @DesignXstream
      @DesignXstream 15 дней назад

      Glad it was helpful! Cheers ✌️

  • @harrammohammadsingh9609
    @harrammohammadsingh9609 15 дней назад

    This really helped

    • @DesignXstream
      @DesignXstream 15 дней назад

      Glad you found it helpful! Cheers buddy ✌️

  • @nicolec4480
    @nicolec4480 16 дней назад

    Do you know if there's a way to bring in my cards that I designed for a game called Bonnie Rummy which is a spin off of Rummy in order to make it playable in figma to get user testing

    • @DesignXstream
      @DesignXstream 15 дней назад

      The logics for winning and all will not be possible. But you can definitely prototype it enough to make it playable so that the user gets a real feel of playing.

  • @nicolec4480
    @nicolec4480 16 дней назад

    Is there a way to take my tabletop card game I created that was a spin off of Rummy and make an interactive card game with stigma so people can test out the prototype and play

    • @DesignXstream
      @DesignXstream 15 дней назад

      The logics for winning and all will not be possible. But you can definitely prototype it enough to make it playable so that the user gets a real feel of playing.

    • @nicolec4480
      @nicolec4480 15 дней назад

      do you know if a tutorial show this ? I have never used figma. We created a card game that is a spin off of rummy but is for anatomy and wanted to make a rapid prototype that could be tested this way with people for UX feedback to see how the hands and turns and set work out

    • @DesignXstream
      @DesignXstream 14 дней назад

      @@nicolec4480 this is a very specific usecase so you will not find a tutorial for this. If you are totally new to Figma then it might take a while to do it. I've a tic-tac-toe game tutorial on this channel. You can learn some concepts from it.

  • @rohmansub1011
    @rohmansub1011 16 дней назад

    Thanks bro

  • @allenoluyisola4522
    @allenoluyisola4522 16 дней назад

    nice one

  • @RoyalGamerz0626
    @RoyalGamerz0626 17 дней назад

    Should i go to usa for bachelors in ux design? Which undergraduate course could be good for ux design?

  • @user-ht7wh3gi7y
    @user-ht7wh3gi7y 18 дней назад

    Thank you

  • @aquadragon2785
    @aquadragon2785 18 дней назад

    Can someone tell me if we change the icons in different variants then how to fix its color property according to theme of the button?

    • @DesignXstream
      @DesignXstream 18 дней назад

      Yes you can change the icons. The UI kit has different icons that can be used. If you need new then you need to add it into the component library to be able to use it.

  • @sheepy1283
    @sheepy1283 19 дней назад

    this requires professional plan right?

    • @DesignXstream
      @DesignXstream 18 дней назад

      Yes, adding mp4 files is only possible in the pro plan.

  • @devianafiantria7988
    @devianafiantria7988 19 дней назад

    thank you so mch u help me a lot

  • @webdesign979
    @webdesign979 19 дней назад

    Help! Your method doesn't work when I tried it today. Something has changed. I tried multiple png files (all with transparent backgrounds) and when masked with colored rectangle, it doesn't change color.

    • @webdesign979
      @webdesign979 19 дней назад

      the rectangle needs to be on top of the png!!!! OK!!!

    • @DesignXstream
      @DesignXstream 18 дней назад

      Yes, you got it right 👍🏽

  • @AndreasSchulz-xe4dd
    @AndreasSchulz-xe4dd 19 дней назад

    Thank you so much for this video. No unnecessary beating around the bush, just straight to the point.

  • @user-wc1up9di1w
    @user-wc1up9di1w 20 дней назад

    I cant drag audio to figma( this should be premium)?

    • @DesignXstream
      @DesignXstream 18 дней назад

      Yes that's right as mentioned in the video its only possible in pro plan.

  • @peterslovanky6531
    @peterslovanky6531 21 день назад

    Thanks!

  • @Smugify
    @Smugify 21 день назад

    Hey thank you so much.. I thought I was going to have to code using Javsascript since my teacher wanted a working prototype for our UXID project.

  • @josephibade1308
    @josephibade1308 25 дней назад

    Easy and simple. What a channel!

  • @Iamdee25
    @Iamdee25 27 дней назад

    You the worst teacher have ever seen

  • @Aqsa-zz6ne
    @Aqsa-zz6ne 28 дней назад

    Very informative and helpful.thanx for sharing

  • @mattk2219
    @mattk2219 29 дней назад

    Thank you for sharing this! This is actually pretty exciting!

  • @TechySatvik
    @TechySatvik Месяц назад

    hooked, <3

  • @SisiBisi-zh1cj
    @SisiBisi-zh1cj Месяц назад

    Thank you so much

  • @miankitaa
    @miankitaa Месяц назад

    Thank You

  • @maghomaaxel
    @maghomaaxel Месяц назад

    Do you have any online course? I really need it, you are very accurate in your explanation, and go straight to the point! Very nice.

    • @DesignXstream
      @DesignXstream Месяц назад

      No I don't sell any courses. Glad you found it helpful.❤️ More videos coming soon ✌🏼

  • @muhammadryan2659
    @muhammadryan2659 Месяц назад

    you are the best sir from my friend temon