Studio XD
Studio XD
  • Видео 40
  • Просмотров 204 917

Видео

How to Use Circle Avatar Widget in Flutter | 5 Minutes Flutter Guide
Просмотров 102Месяц назад
Hey guys ! In this video I'll show you how you can use Circle Avatar in Flutter. Source File: bit.ly/4e43pqs
How to make an Interactive Accordion Menu | 5 Minutes Figma Tutorial
Просмотров 1262 месяца назад
Hey guys ! In this video I'll show you how you can make an Interactive Accordion. Source File : bit.ly/4dGSH9b
How to Make Button Controlled Photo Carousal in Figma | 6 Minutes Figma Tutorial
Просмотров 4322 месяца назад
In this Video I'll show you how you can make Button Controlled Carousal in Figma. Source File: bit.ly/4gZjiRO
Interactive Selectable Options Button in Figma | 5 Minutes Figma Tutorial
Просмотров 1502 месяца назад
Hey guys ! In this video, I'll show how you can make selectable interactive buttons. Source File: bit.ly/4evw4FT
How to Design Animated Splash Screen in Figma | 4 Minutes Figma Tutorial
Просмотров 1612 месяца назад
Hey guys ! In this video I'll show you how you can make an animated Splash Screen in Figma. Like & Subscribe if you want more content like this. Thanks !!!
Drawer Widget Guide for Beginners in Flutter | 8 Minutes Flutter Tutorial
Просмотров 603 месяца назад
Hey guys ! In this video we learned how you can implement a drawer widget in Flutter. Source Code: bit.ly/3YkKYbi
App Bar Widget Guide for Beginners in Flutter | 5 Minutes Flutter Guide
Просмотров 453 месяца назад
Hey guys ! In this video I'll show you basics of app bar in flutter. Like and Subscribe for more. Source Code: bit.ly/40kitNp
How to Display / Access Images in Flutter | 2 Minutes Flutter Tutorial
Просмотров 503 месяца назад
Hey guys ! In this Video I'll show you how You can Display images or access them from a path in flutter. Make sure to Like and Subscribe if You're new for more content like this.
Use Custom External Fonts in Flutter | Flutter Tutorial
Просмотров 574 месяца назад
Hey Guys ! In this Video, I'll be showing you how you can use external fonts in flutter code.
How to Make Slide to Confirm Interactive Button in Figma | 3 Minutes Figma Tutorial
Просмотров 1,8 тыс.4 месяца назад
Hey guys ! In this video I'll show you how you can make a Slide to Confirm Button. Link to Source File: bit.ly/3AdHTl2
Make SWIPE to Delete Interactive Button in Figma | 3 Minutes Figma Tutorial
Просмотров 7854 месяца назад
Hey Guys ! In this video I'll show you how you can make Swipe to Delete Interactive Button in Figma. Like & Subscribe for more content. Link to the file in this Video: bit.ly/46wqBM9
How to Create Swipeable Carousal in Figma | 6 Minutes Figma Tutorial
Просмотров 5096 месяцев назад
Hey guys ! In this video I'll show you how you can make swipe carousal in figma. Make sure to leave a Like and Subscribe for more content like this.
How to make a Typing Indicator Animation in Figma | 3 Minutes Figma Tutorial
Просмотров 3146 месяцев назад
How to make a Typing Indicator Animation in Figma | 3 Minutes Figma Tutorial
How to make Login Screen Slide Animation in Figma | 7 Minutes Figma Tutorial
Просмотров 4476 месяцев назад
How to make Login Screen Slide Animation in Figma | 7 Minutes Figma Tutorial
How to Make Hide/Show Password Interaction in Figma | 3 Minutes Figma Tutorial
Просмотров 1,3 тыс.6 месяцев назад
How to Make Hide/Show Password Interaction in Figma | 3 Minutes Figma Tutorial
How to make Card Flipping Animation in Figma | 3 Minutes Figma Turorial
Просмотров 3,4 тыс.7 месяцев назад
How to make Card Flipping Animation in Figma | 3 Minutes Figma Turorial
How to make a Vertical Scrollable List in Figma | 3 Minutes Figma Tutorial
Просмотров 1,8 тыс.7 месяцев назад
How to make a Vertical Scrollable List in Figma | 3 Minutes Figma Tutorial
How to make RGB / Animated Loading Bar in Figma | 3 Minute Figma Tutorial
Просмотров 8809 месяцев назад
How to make RGB / Animated Loading Bar in Figma | 3 Minute Figma Tutorial
How to make Marquee / Text Slide Animation in Figma | 3 Minutes Figma Tutorial
Просмотров 1,3 тыс.9 месяцев назад
How to make Marquee / Text Slide Animation in Figma | 3 Minutes Figma Tutorial
Correct way to Design Vertical Scroll Screen | 2 Minutes Figma Tutorial
Просмотров 4719 месяцев назад
Correct way to Design Vertical Scroll Screen | 2 Minutes Figma Tutorial
How to Horizontal Scroll in Figma Design | 1 Minute Figma Tutorial
Просмотров 5739 месяцев назад
How to Horizontal Scroll in Figma Design | 1 Minute Figma Tutorial
How to Make Automatic Photo Carousel in Figma | 3 Minutes Figma Tutorial
Просмотров 133 тыс.9 месяцев назад
How to Make Automatic Photo Carousel in Figma | 3 Minutes Figma Tutorial
How to Design Circular Ring Animation in Figma | 3 Minutes Figma Tutorial
Просмотров 47610 месяцев назад
How to Design Circular Ring Animation in Figma | 3 Minutes Figma Tutorial
How to make Radio Wave/Pulsing Animation in Figma | 3 Minutes Figma Tutorial
Просмотров 93110 месяцев назад
How to make Radio Wave/Pulsing Animation in Figma | 3 Minutes Figma Tutorial
How to make Skeleton Loading Animation in Figma | 4 Minute Figma Tutorial
Просмотров 65510 месяцев назад
How to make Skeleton Loading Animation in Figma | 4 Minute Figma Tutorial
How to Export PNG or PDF file from Figma | 2 Minutes Figma Tutorial
Просмотров 28111 месяцев назад
How to Export PNG or PDF file from Figma | 2 Minutes Figma Tutorial
How to make Neon Text in Figma | 1 Minute Figma Tutorial
Просмотров 31811 месяцев назад
How to make Neon Text in Figma | 1 Minute Figma Tutorial
How to make dotted line pattern in Figma | 1 Minute Figma Tutorial
Просмотров 3,2 тыс.11 месяцев назад
How to make dotted line pattern in Figma | 1 Minute Figma Tutorial
How to Import Export Figma Files Locally | 1 Minute Figma Tutorial
Просмотров 1,9 тыс.Год назад
How to Import Export Figma Files Locally | 1 Minute Figma Tutorial

Комментарии

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

    Thank you so much, love your tutorial!

  • @Rosemarie-lemontree
    @Rosemarie-lemontree День назад

    What do I wrong? It doesn't work. I see all 3 pictures in my assets, and it just stays still in my prototype. help

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

    thank you bro, its so simple

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

    Mines going way faster than 10,000ms any explanation for that?

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

      Try reducing the time then, 1000ms = 1 second. You can apply the suitable time according to your design.

  • @MUHAMMADABDURRASYIDASRUDDIN
    @MUHAMMADABDURRASYIDASRUDDIN 22 дня назад

    makasih banyak bro

    • @studio_xd
      @studio_xd 22 дня назад

      Senang membantu Anda

  • @valentinaperezsanchez988
    @valentinaperezsanchez988 23 дня назад

    no sirve tu mierda

  • @gabrielm909
    @gabrielm909 28 дней назад

    by far the easiest tutorial to follow. Good Job!

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

    thank you, easy, short to understand

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

    how to text into it?

    • @sipugnat
      @sipugnat 24 дня назад

      If you use figma, it will be very complicated and requires patience.

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

    i cant use the change to option any ideas why?

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

      You need to make sure you Combine your components. First make your frame into components then select all and click "Combine components" The UI of Figma has changed after the update so you'll have to look for the option on right side.

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

    thanks bro

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

    You're the best Figma teacher. Thank you. Have a good one!

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

    Thank you so much. you made my day!

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

      Thanks, I'm glad to help

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

    thanks its work!

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

    Thanks!

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

    On creating the blinker point, what did click after clicking create component? It made a default and a variant 2

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

      Select variant 2 from layers and decrease it's visibility to 0% then prototype to make it blink.

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

    can we make this for for options?

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

      @@aneelafarooqi9984 Yes by using similar method you can customize it and use for options.

  • @RahatAil-k7w
    @RahatAil-k7w Месяц назад

    😊

  • @play-cu5tv
    @play-cu5tv Месяц назад

    Simple and quick tutorial. None of the other long videos helped but this video helped me. Thank you

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

      I'm glad to help you, thanks

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

    you are great i was stuck from more than 6 hours

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

      Thank you, I'm glad to help

  • @Carlpechera
    @Carlpechera 2 месяца назад

    how to duplicate thse form idk how you did it

    • @studio_xd
      @studio_xd 2 месяца назад

      You can either copy paste it or drag the form while pressing Alt key.

    • @Carlpechera
      @Carlpechera 2 месяца назад

      @@studio_xd i did it, thank you sir

  • @tonzcantclimb
    @tonzcantclimb 2 месяца назад

    will it open the keyboard

    • @studio_xd
      @studio_xd 2 месяца назад

      No this tutorial is a figma design design for the form field, no coding is involved in it.

  • @WaqasGhouriVlogs
    @WaqasGhouriVlogs 2 месяца назад

    Good

  • @___Adi..-3
    @___Adi..-3 2 месяца назад

    Also Make a video on how to make it functional

    • @studio_xd
      @studio_xd 2 месяца назад

      Will definitely make an updated version, Thank You for the feedback

  • @snowycrunch016
    @snowycrunch016 2 месяца назад

    Is it possible to make an endless carousel, but in such a way that when you hover the mouse over a photo, it stops?

    • @studio_xd
      @studio_xd 2 месяца назад

      Yes you can do that by using variables. You need to create placeholder component for each image.

    • @snowycrunch016
      @snowycrunch016 2 месяца назад

      @@studio_xd Thank you for your answer! It sounds difficult 🤯 Maybe you can make a tutorial or know of another one to watch?😭

    • @studio_xd
      @studio_xd 2 месяца назад

      @@snowycrunch016 Thank You, Will definitely make a video on it soon.

  • @mels287
    @mels287 2 месяца назад

    Clear, short, simple to understand! Thank you!

  • @nazwadhr4674
    @nazwadhr4674 3 месяца назад

    thankyou!!!

  • @nobody-my5yv
    @nobody-my5yv 3 месяца назад

    i did this exactly the same and it did not work why :(

  • @Sophiaolaide-16
    @Sophiaolaide-16 3 месяца назад

    It’s cool but I feel u should add some explanation

  • @WaqasGhouriVlogs
    @WaqasGhouriVlogs 3 месяца назад

    Good

  • @alexander_stark
    @alexander_stark 3 месяца назад

    Nice^ For 1 state...

  • @HydeeR-b6q
    @HydeeR-b6q 3 месяца назад

    Thanks Its work!'

  • @elhadji1730
    @elhadji1730 3 месяца назад

    THANK YOU SO MUCH!!!

  • @AliKhan-j8g2p
    @AliKhan-j8g2p 3 месяца назад

    hello is to be much easy ha

  • @Mr.MarcusTeeVee
    @Mr.MarcusTeeVee 3 месяца назад

    Muchas Gracias Senior

  • @re_anna
    @re_anna 3 месяца назад

    Спасибо большое

    • @studio_xd
      @studio_xd 3 месяца назад

      @@re_anna Спасибо большое

  • @foyzulhasan4242
    @foyzulhasan4242 3 месяца назад

    How you are moving the Ecilipse and icon not using auto layout?

    • @studio_xd
      @studio_xd 3 месяца назад

      @@foyzulhasan4242 Auto layout is not required to move or animate anything, it's just a good way to make responsive designs that adopts to different screen sizes.

  • @WaqasGhouriVlogs
    @WaqasGhouriVlogs 3 месяца назад

    Good work

  • @marialauracometta2633
    @marialauracometta2633 4 месяца назад

    Hi, this was great, but I followed the steps to the detail and it doesn't work when I try to Preview. Any idea of what could be happening?

    • @MuhammadNizzalMalik
      @MuhammadNizzalMalik 3 месяца назад

      same I got the same problem

    • @caydaf
      @caydaf 3 месяца назад

      Try to place all elements in a frame too.

  • @edsonjr-dev
    @edsonjr-dev 4 месяца назад

    Thanks 💜💜💜

  • @raidenshogun-k3c
    @raidenshogun-k3c 4 месяца назад

    ctrl key?

    • @studio_xd
      @studio_xd 4 месяца назад

      I'm sorry for not mentioning, Ctrl is Control Key for Windows and Command for Mac

  • @antula163
    @antula163 4 месяца назад

    thank you for the tutorial!

  • @joesumat
    @joesumat 4 месяца назад

    is there a way we can control the direction of the flow?? like instead of going to left, it's going to be on the right side?

    • @studio_xd
      @studio_xd 4 месяца назад

      Yes, All you have to do is to place the images on the left side (like we placed in this video on the right side) Do the prototyping and it'll go to right side from left.

    • @CHSHAKISH
      @CHSHAKISH 2 месяца назад

      We can use instant option instead of Smart Animate for transition from frame 4 to 1 this will resolve the issue of opposite direction flow.

  • @sonalgavade7100
    @sonalgavade7100 4 месяца назад

    I watched countless complicated videos to learn about radio buttons, but this one is by far the simplest. Please create more videos on Figma essentials and fundamentals!

    • @studio_xd
      @studio_xd 4 месяца назад

      Really glad to help you and will definitely make more tutorials for essential stuff. Thanks

    • @play-cu5tv
      @play-cu5tv Месяц назад

      I agree

  • @patelmadhukumar6665
    @patelmadhukumar6665 4 месяца назад

    Nice

  • @patelmadhukumar6665
    @patelmadhukumar6665 4 месяца назад

    Nice Carry on

  • @WaqasGhouriVlogs
    @WaqasGhouriVlogs 4 месяца назад

    Whoo❤

  • @kasey5446
    @kasey5446 4 месяца назад

    hi! it doesn't flip for me, just eases in/out. how can i fix this? thanks!

    • @studio_xd
      @studio_xd 4 месяца назад

      Hi ! I've attached the source file of the card I made in this video, in the description. Unfortunately I can't quiet tell what went wrong for you without looking into your file so please compare my file with your. Hope it'll help you figure out the issue. Thanks

  • @mariaemiliapigini3333
    @mariaemiliapigini3333 5 месяцев назад

    Gracias ♥

  • @channelchuu6629
    @channelchuu6629 5 месяцев назад

    Super helpful! Tysm