Studio XD
Studio XD
  • 40
  • 177 842

วีดีโอ

How to Use Circle Avatar Widget in Flutter | 5 Minutes Flutter Guide
มุมมอง 95หลายเดือนก่อน
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
มุมมอง 96หลายเดือนก่อน
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
มุมมอง 291หลายเดือนก่อน
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
มุมมอง 117หลายเดือนก่อน
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
มุมมอง 144หลายเดือนก่อน
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
มุมมอง 572 หลายเดือนก่อน
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
มุมมอง 442 หลายเดือนก่อน
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
มุมมอง 502 หลายเดือนก่อน
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
มุมมอง 513 หลายเดือนก่อน
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.7K3 หลายเดือนก่อน
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
มุมมอง 5673 หลายเดือนก่อน
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
มุมมอง 4495 หลายเดือนก่อน
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
มุมมอง 2735 หลายเดือนก่อน
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
มุมมอง 3775 หลายเดือนก่อน
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
มุมมอง 1K5 หลายเดือนก่อน
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
มุมมอง 3K6 หลายเดือนก่อน
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.7K6 หลายเดือนก่อน
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
มุมมอง 8198 หลายเดือนก่อน
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
มุมมอง 9478 หลายเดือนก่อน
How to make Marquee / Text Slide Animation in Figma | 3 Minutes Figma Tutorial
Correct way to Design Vertical Scroll Screen | 2 Minutes Figma Tutorial
มุมมอง 4558 หลายเดือนก่อน
Correct way to Design Vertical Scroll Screen | 2 Minutes Figma Tutorial
How to Horizontal Scroll in Figma Design | 1 Minute Figma Tutorial
มุมมอง 5588 หลายเดือนก่อน
How to Horizontal Scroll in Figma Design | 1 Minute Figma Tutorial
How to Make Automatic Photo Carousel in Figma | 3 Minutes Figma Tutorial
มุมมอง 114K9 หลายเดือนก่อน
How to Make Automatic Photo Carousel in Figma | 3 Minutes Figma Tutorial
How to Design Circular Ring Animation in Figma | 3 Minutes Figma Tutorial
มุมมอง 4529 หลายเดือนก่อน
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
มุมมอง 8639 หลายเดือนก่อน
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
มุมมอง 6359 หลายเดือนก่อน
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
มุมมอง 24510 หลายเดือนก่อน
How to Export PNG or PDF file from Figma | 2 Minutes Figma Tutorial
How to make Neon Text in Figma | 1 Minute Figma Tutorial
มุมมอง 30610 หลายเดือนก่อน
How to make Neon Text in Figma | 1 Minute Figma Tutorial
How to make dotted line pattern in Figma | 1 Minute Figma Tutorial
มุมมอง 2.7K10 หลายเดือนก่อน
How to make dotted line pattern in Figma | 1 Minute Figma Tutorial
How to Import Export Figma Files Locally | 1 Minute Figma Tutorial
มุมมอง 1.9Kปีที่แล้ว
How to Import Export Figma Files Locally | 1 Minute Figma Tutorial

ความคิดเห็น

  • @gabrielm909
    @gabrielm909 วันที่ผ่านมา

    by far the easiest tutorial to follow. Good Job!

  • @ayodejisanusi1815
    @ayodejisanusi1815 2 วันที่ผ่านมา

    thank you, easy, short to understand

  • @Vic_onCamera
    @Vic_onCamera 3 วันที่ผ่านมา

    how to text into it?

  • @dat_boi_christian921
    @dat_boi_christian921 5 วันที่ผ่านมา

    i cant use the change to option any ideas why?

    • @studio_xd
      @studio_xd 5 วันที่ผ่านมา

      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 7 วันที่ผ่านมา

    thanks bro

  • @junheekim6033
    @junheekim6033 10 วันที่ผ่านมา

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

  • @junheekim6033
    @junheekim6033 11 วันที่ผ่านมา

    Thank you so much. you made my day!

    • @studio_xd
      @studio_xd 11 วันที่ผ่านมา

      Thanks, I'm glad to help

  • @cleorexus
    @cleorexus 12 วันที่ผ่านมา

    thanks its work!

  • @paulamourad4699
    @paulamourad4699 12 วันที่ผ่านมา

    Thanks!

  • @neighdoug6773
    @neighdoug6773 20 วันที่ผ่านมา

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

    • @studio_xd
      @studio_xd 20 วันที่ผ่านมา

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

  • @aneelafarooqi9984
    @aneelafarooqi9984 21 วันที่ผ่านมา

    can we make this for for options?

    • @studio_xd
      @studio_xd 21 วันที่ผ่านมา

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

  • @RahatAil-k7w
    @RahatAil-k7w 23 วันที่ผ่านมา

    😊

  • @play-cu5tv
    @play-cu5tv 26 วันที่ผ่านมา

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

    • @studio_xd
      @studio_xd 26 วันที่ผ่านมา

      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 หลายเดือนก่อน

    how to duplicate thse form idk how you did it

    • @studio_xd
      @studio_xd หลายเดือนก่อน

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

    • @Carlpechera
      @Carlpechera หลายเดือนก่อน

      @@studio_xd i did it, thank you sir

  • @tonzcantclimb
    @tonzcantclimb หลายเดือนก่อน

    will it open the keyboard

    • @studio_xd
      @studio_xd หลายเดือนก่อน

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

  • @WaqasGhouriVlogs
    @WaqasGhouriVlogs หลายเดือนก่อน

    Good

  • @___Adi..-3
    @___Adi..-3 หลายเดือนก่อน

    Also Make a video on how to make it functional

    • @studio_xd
      @studio_xd หลายเดือนก่อน

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

  • @snowycrunch016
    @snowycrunch016 หลายเดือนก่อน

    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 หลายเดือนก่อน

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

    • @snowycrunch016
      @snowycrunch016 หลายเดือนก่อน

      @@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 หลายเดือนก่อน

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

  • @mels287
    @mels287 หลายเดือนก่อน

    Clear, short, simple to understand! Thank you!

  • @nazwadhr4674
    @nazwadhr4674 2 หลายเดือนก่อน

    thankyou!!!

  • @nobody-my5yv
    @nobody-my5yv 2 หลายเดือนก่อน

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

  • @Sophiaolaide-16
    @Sophiaolaide-16 2 หลายเดือนก่อน

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

  • @WaqasGhouriVlogs
    @WaqasGhouriVlogs 2 หลายเดือนก่อน

    Good

  • @alexander_stark
    @alexander_stark 2 หลายเดือนก่อน

    Nice^ For 1 state...

  • @HydeeR-b6q
    @HydeeR-b6q 2 หลายเดือนก่อน

    Thanks Its work!'

  • @elhadji1730
    @elhadji1730 2 หลายเดือนก่อน

    THANK YOU SO MUCH!!!

  • @AliKhan-j8g2p
    @AliKhan-j8g2p 2 หลายเดือนก่อน

    hello is to be much easy ha

  • @Mr.MarcusTeeVee
    @Mr.MarcusTeeVee 2 หลายเดือนก่อน

    Muchas Gracias Senior

  • @re_anna
    @re_anna 2 หลายเดือนก่อน

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

    • @studio_xd
      @studio_xd 2 หลายเดือนก่อน

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

  • @foyzulhasan4242
    @foyzulhasan4242 2 หลายเดือนก่อน

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

    • @studio_xd
      @studio_xd 2 หลายเดือนก่อน

      @@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 3 หลายเดือนก่อน

    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 2 หลายเดือนก่อน

      same I got the same problem

    • @caydaf
      @caydaf 2 หลายเดือนก่อน

      Try to place all elements in a frame too.

  • @edsonjr-dev
    @edsonjr-dev 3 หลายเดือนก่อน

    Thanks 💜💜💜

  • @raidenshogun-k3c
    @raidenshogun-k3c 3 หลายเดือนก่อน

    ctrl key?

    • @studio_xd
      @studio_xd 3 หลายเดือนก่อน

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

  • @antula163
    @antula163 3 หลายเดือนก่อน

    thank you for the tutorial!

  • @joesumat
    @joesumat 3 หลายเดือนก่อน

    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 3 หลายเดือนก่อน

      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 หลายเดือนก่อน

      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 3 หลายเดือนก่อน

    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 3 หลายเดือนก่อน

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

    • @play-cu5tv
      @play-cu5tv 26 วันที่ผ่านมา

      I agree

  • @patelmadhukumar6665
    @patelmadhukumar6665 3 หลายเดือนก่อน

    Nice

  • @patelmadhukumar6665
    @patelmadhukumar6665 3 หลายเดือนก่อน

    Nice Carry on

  • @WaqasGhouriVlogs
    @WaqasGhouriVlogs 3 หลายเดือนก่อน

    Whoo❤

  • @kasey5446
    @kasey5446 3 หลายเดือนก่อน

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

    • @studio_xd
      @studio_xd 3 หลายเดือนก่อน

      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 4 หลายเดือนก่อน

    Gracias ♥

  • @channelchuu6629
    @channelchuu6629 4 หลายเดือนก่อน

    Super helpful! Tysm

  • @MarcianitoPlus
    @MarcianitoPlus 4 หลายเดือนก่อน

    Gracias, fue muy funcional para mí. Era justo lo que bucaba.

    • @studio_xd
      @studio_xd 4 หลายเดือนก่อน

      De nada, estaré feliz de poder ayudar.

  • @jmrenteria100
    @jmrenteria100 5 หลายเดือนก่อน

    Once I run animation in preview mode the component won't automatically work. I've completed the other steps. Just don't know what i'm doing wrong. Can you help?

    • @studio_xd
      @studio_xd 5 หลายเดือนก่อน

      Does it work at all ? By clicking or it doesn't responds ?

    • @jmrenteria100
      @jmrenteria100 4 หลายเดือนก่อน

      @@studio_xd Dose not respond

    • @jmrenteria100
      @jmrenteria100 4 หลายเดือนก่อน

      I just got it to work. I then added it to my wireframe, and it dose not work again.

    • @jmrenteria100
      @jmrenteria100 4 หลายเดือนก่อน

      ok. I deleted the frame and re-installed the instance. Works now. thanks for responding and the video!

  • @mariannebos2817
    @mariannebos2817 5 หลายเดือนก่อน

    How do you make the carousel continue from the 1st picture, instead of it going back to the left, continue right?

    • @studio_xd
      @studio_xd 5 หลายเดือนก่อน

      To start the Carousal from the 1st picture instead of going to it from the last picture from left to right. You need to select the prototype settings of last image and set the animation to Instant instead of Smart Animation. Then the carousal will continue from 1st picture instead of going to itm

  • @Josh-rm4ig
    @Josh-rm4ig 5 หลายเดือนก่อน

    I love this! thanks

  • @SooperDesigner
    @SooperDesigner 5 หลายเดือนก่อน

    Muy útil gracias ❤

  • @WaqasGhouriVlogs
    @WaqasGhouriVlogs 5 หลายเดือนก่อน

    Vgood❤❤❤