TD Sunshine
TD Sunshine
  • 84
  • 476 006
Figma RESPONSIVE DESIGN using Variables, Layout grids and Auto Layout | Figma 2024
🚨Follow along with this Figma file -
www.figma.com/community/file/1397154454323520866/figma-responsive-design-using-variables-layout-grids-and-auto-layout-figma-2024
☆ Try Figma's *Professional* Plan - bit.ly/TDProFigma
☆ Try Figma For *Free* - psxid.figma.com/xnd9l
💛 Thanks for watching, Tair 💛
🍿 _WHAT TO WATCH NEXT_ :
1. *Figma components* - ua-cam.com/video/JDHHRN5kNU8/v-deo.html
2. *Figma Slides* - ua-cam.com/video/uvc0l4uZ07U/v-deo.html
3. *Variable mode interaction* - ua-cam.com/video/KJ9rqT3WHR0/v-deo.html
👋🏼 _IF YOU ARE NEW HERE_ :
Hey, it's Tair! 😃
Thanks for tuning in and watching my video! If you enjoyed it and learned something new, don't forget to hit that subscribe button and the like button as well 👍🏼. I'd love to hear your ideas and suggestions for my next video, so feel free to drop a comment below. Your support means a lot and it helps me keep the channel going and growing!
👾 _MY GEAR_ :
Blue Yeti Microphone amzn.to/3qACorF
Tripod ring light amzn.to/43G7flv
Neon sign amzn.to/3NcwxAs
Fairy lights amzn.to/443l518
🌼 _CHAPTERS_ :
00:00 Intro
00:20 Breakpoint variables
02:10 Layout grid variables
04:03 Layout grid overview
05:50 Responsive title
07:20 Font variables
08:31 Responsive cards
09:07 Min and Max widths
12:13 Auto Layout variables
14:50 Responsive form
🤗 Disclosure: This video and description may contain affiliate links, meaning I'll receive a small commission if you click on one of the product links. I'm also an Amazon Associates affiliate and will earn a commission on qualifying purchases. 💛 This is at no additional cost to you.
#figmatutorial #figmadesign #figma_tutorial #figmatutorial #figmatips #figma #figmaupdate #config #config2024 #figma2024 #designtokens #tokens #variables #responsivedesign
Переглядів: 13 717

Відео

Figma AI Full Overview | Config 2024 limited beta release | Figma updates 2024
Переглядів 9 тис.3 місяці тому
🚨Follow along → www.figma.com/community/file/1389929734850980904/figma-ai-full-overview-config-2024 ☆ Try Figma's *Professional* Plan - bit.ly/TDProFigma ☆ Try Figma For *Free* - psxid.figma.com/xnd9l 💛 Thanks for watching, Tair 💛 🍿 _WHAT TO WATCH NEXT_ : 1. *Variables 101* - ua-cam.com/video/TGinpYnwu2A/v-deo.html 2. *Figma Slides* - ua-cam.com/video/uvc0l4uZ07U/v-deo.html 3. *Figma components...
Figma Autolayout update CONFIG 2024 | Figma updates Auto Layout | Config 2024
Переглядів 5 тис.3 місяці тому
☆ Try Figma's *Professional* Plan - bit.ly/TDProFigma ☆ Try Figma For *Free* - psxid.figma.com/xnd9l 💛 Thanks for watching, Tair 💛 🍿 _WHAT TO WATCH NEXT_ : 1. *Variables 101* - ua-cam.com/video/TGinpYnwu2A/v-deo.html 2. *Figma Slides* - ua-cam.com/video/uvc0l4uZ07U/v-deo.html 3. *Figma components* - ua-cam.com/video/JDHHRN5kNU8/v-deo.html 👋🏼 _IF YOU ARE NEW HERE_ : Hey, it's Tair! 😃 Thanks for ...
FIGMA SLIDES ! Config 2024 Figma update | New Figma feature Figma slides
Переглядів 2,1 тис.3 місяці тому
☆ Try Figma's *Professional* Plan - bit.ly/TDProFigma ☆ Try Figma For *Free* - psxid.figma.com/xnd9l ☆ Get the arrows - www.etsy.com/uk/listing/1455310940/doodle-arrows-300-hand-drawn-arrow 💛 Thanks for watching, Tair 💛 🍿 _WHAT TO WATCH NEXT_ : 1. *Variables 101* - ua-cam.com/video/TGinpYnwu2A/v-deo.html 2. *Figma connect variable to variant* - ua-cam.com/video/5EN2Stgg52g/v-deo.html 3. *Figma ...
Procreate top tips (2024) | Tips and Tricks for Procreate on iPad
Переглядів 6733 місяці тому
💛 Thanks for watching, Tair 💛 🍿_WHAT TO WATCH NEXT_ : 1. *Figma beginner crash course 2024* - ua-cam.com/video/OtOXEKKScg4/v-deo.html 2. *Colour System* - ua-cam.com/video/qPL3ubdlkRM/v-deo.html 3. *Variables 101* - ua-cam.com/video/TGinpYnwu2A/v-deo.html 👋🏼 _IF YOU ARE NEW HERE_ : Hey, it's Tair! 😃 Thanks for tuning in and watching my video! If you enjoyed it and learned something new, don't f...
Figma on Apple Vision Pro | Apple Vision Pro Design Tools Overview 2024 | Figma in VR
Переглядів 2,8 тис.3 місяці тому
💛 Thanks for watching, Tair 💛 🍿_WHAT TO WATCH NEXT_ : 1. *20 Tips for designing faster in Figma* - ua-cam.com/video/pt0yvghcKhw/v-deo.html 2. *Figma Auto layout 2024* - ua-cam.com/video/IPLbPOYFTHw/v-deo.html 3. *Figma Components* - ua-cam.com/video/GGwqWc414rM/v-deo.html 👋🏼 _IF YOU ARE NEW HERE_ : Hey, it's Tair! 😃 Thanks for tuning in and watching my video! If you enjoyed it and learned somet...
Procreate 101 (2024) | Procreate beginner tutorial
Переглядів 5673 місяці тому
🎨 Get my rainbow palette here - drive.google.com/file/d/1oSPV70LcoMLmW80lp9Ao7PHnfOqOGSG4/view?usp=drive_link 💛 Thanks for watching, Tair 💛 🍿_WHAT TO WATCH NEXT_ : 1. *Figma beginner crash course 2024* - ua-cam.com/video/OtOXEKKScg4/v-deo.html 2. *Colour System* - ua-cam.com/video/qPL3ubdlkRM/v-deo.html 3. *Variables 101* - ua-cam.com/video/TGinpYnwu2A/v-deo.html 👋🏼 _IF YOU ARE NEW HERE_ : Hey,...
Swap libraries in Figma 2024 | Swap styles, components & variables in Figma 2024
Переглядів 2,1 тис.4 місяці тому
☆ Try Figma's *Professional* Plan - bit.ly/TDProFigma ☆ Try Figma For *Free* - psxid.figma.com/xnd9l 💛 Thanks for watching, Tair 💛 🍿 _WHAT TO WATCH NEXT_ : 1. *Variables 101* - ua-cam.com/video/TGinpYnwu2A/v-deo.html 2. *Variables best practice* - ua-cam.com/video/WMDJY86RhLo/v-deo.html 3. *Figma Components* - ua-cam.com/video/GGwqWc414rM/v-deo.html 👋🏼 _IF YOU ARE NEW HERE_ : Hey, it's Tair! 😃 ...
Set variable mode interaction | Figma update May 2024 | Figma Variables
Переглядів 5 тис.4 місяці тому
🚨Follow along → www.figma.com/community/file/1370722468293685377/set-variable-mode-interaction-figma-update-may-2024-figma-variables ☆ Try Figma's *Professional* Plan - bit.ly/TDProFigma ☆ Try Figma For *Free* - psxid.figma.com/xnd9l 💛 Thanks for watching, Tair 💛 🍿 _WHAT TO WATCH NEXT_ : 1. *Variables 101* - ua-cam.com/video/TGinpYnwu2A/v-deo.html 2. *Prototype with Variables | Config Update* -...
Figjam 101 (2024) | Beginner tutorial to Figjam | Figjam AI tool
Переглядів 2,2 тис.5 місяців тому
☆ Try Figjam for *FREE* - psxid.figma.com/6adxqiq4edv6-us1nsz ☆ Try Figma For *FREE* - psxid.figma.com/xnd9l 💛 Thanks for watching, Tair 💛 🍿 _WHAT TO WATCH NEXT_ : 1. *Figma beginner crash course 2024* - ua-cam.com/video/OtOXEKKScg4/v-deo.html 2. *Figma components* - ua-cam.com/video/JDHHRN5kNU8/v-deo.html 3. *Figma Project Set Up* - ua-cam.com/video/zIk0lTlSnvM/v-deo.html 👋🏼 _IF YOU ARE NEW HE...
Variables for Typography and Gradients | Figma Variables update April 2024
Переглядів 10 тис.5 місяців тому
Variables for Typography and Gradients | Figma Variables update April 2024
Design a card with me using Auto Layout | Auto layout practice | Figma Auto Layout
Переглядів 2,8 тис.6 місяців тому
Design a card with me using Auto Layout | Auto layout practice | Figma Auto Layout
Figma's new MULTI EDIT tool | 2024 Figma update | multi-edit deep dive
Переглядів 2 тис.6 місяців тому
Figma's new MULTI EDIT tool | 2024 Figma update | multi-edit deep dive
How to use the Figma pen tool | Master the pen tool in 8 Minutes (Beginner Tutorial)
Переглядів 1,1 тис.7 місяців тому
How to use the Figma pen tool | Master the pen tool in 8 Minutes (Beginner Tutorial)
Figma Components 101 | Learn about Variants and Components Properties | Figma tutorial
Переглядів 19 тис.7 місяців тому
Figma Components 101 | Learn about Variants and Components Properties | Figma tutorial
Connect Figma Variable to Variant | Connect a component to a variable | Prototype with Variables
Переглядів 40 тис.8 місяців тому
Connect Figma Variable to Variant | Connect a component to a variable | Prototype with Variables
Figma beginner crash course 2024 | UI/UX Course | Design with me in Figma & Prototype
Переглядів 10 тис.8 місяців тому
Figma beginner crash course 2024 | UI/UX Course | Design with me in Figma & Prototype
Figma variables - Personalised journey | Variable onboarding flow | Variables for personalization
Переглядів 2,2 тис.9 місяців тому
Figma variables - Personalised journey | Variable onboarding flow | Variables for personalization
Level up your presentations with Figma | Figma tips for presentations | Prototype a presentation
Переглядів 3,1 тис.10 місяців тому
Level up your presentations with Figma | Figma tips for presentations | Prototype a presentation
UI Design Principals | Top 10 must know | Beginners UI Design
Переглядів 1,1 тис.10 місяців тому
UI Design Principals | Top 10 must know | Beginners UI Design
Designer Passive Income - Make a planner in Figma | Make a digital planner | Figma passive income
Переглядів 2 тис.10 місяців тому
Designer Passive Income - Make a planner in Figma | Make a digital planner | Figma passive income
Learn Figma Auto Layout (Including Config updates) - Everything you need to know! | Figma Autolayout
Переглядів 12 тис.11 місяців тому
Learn Figma Auto Layout (Including Config updates) - Everything you need to know! | Figma Autolayout
Figma Variables Dark And Light Modes | How to use variables in Figma for Colour Modes | Figma 2023
Переглядів 1,7 тис.11 місяців тому
Figma Variables Dark And Light Modes | How to use variables in Figma for Colour Modes | Figma 2023
Figma Shortcuts 2024 | Must know keyboard shortcuts | My top 23 keyboard shortcuts
Переглядів 2,3 тис.11 місяців тому
Figma Shortcuts 2024 | Must know keyboard shortcuts | My top 23 keyboard shortcuts
Figma Variables - Prototype a form | dynamic form using VARIABLES in Figma 2023
Переглядів 4,1 тис.11 місяців тому
Figma Variables - Prototype a form | dynamic form using VARIABLES in Figma 2023
Figma Project Set Up for UX/UI Design Projects | Mobile UX Figma | How to set up a project in Figma
Переглядів 6 тис.Рік тому
Figma Project Set Up for UX/UI Design Projects | Mobile UX Figma | How to set up a project in Figma
Avatar Component - Figma Variables, Variants & Component Properties | Design System Part 9
Переглядів 7 тис.Рік тому
Avatar Component - Figma Variables, Variants & Component Properties | Design System Part 9
Figma Components - Checkbox & Radio buttons (Variables, Variants, Component Properties ) | DS Part 8
Переглядів 8 тис.Рік тому
Figma Components - Checkbox & Radio buttons (Variables, Variants, Component Properties ) | DS Part 8
Figma Component - Input Field (Variables, Variants & Component Properties ) | Design System Part 7
Переглядів 19 тис.Рік тому
Figma Component - Input Field (Variables, Variants & Component Properties ) | Design System Part 7
Figma Prototyping - Button Component Interactions | Part 6 | Figma Tutorial Step-by-Step
Переглядів 8 тис.Рік тому
Figma Prototyping - Button Component Interactions | Part 6 | Figma Tutorial Step-by-Step

КОМЕНТАРІ

  • @KumaPrincess08
    @KumaPrincess08 11 годин тому

    How can we use variables in shadows and blurs?

  • @ema5259
    @ema5259 День тому

    you are the best

  • @isivaasanaru5643
    @isivaasanaru5643 День тому

    Hey, Quick question: How do you assign the Text color tokens to your Text styles to avoid designers choosing the right style but forgetting to change the color of the text itself? Appreciate your videos so much!

  • @honeylavender1122
    @honeylavender1122 2 дні тому

    @9:07 How did you group them? When I select all and right click it only gives me the option to 'ungroup' ?

  • @fdsgfdghghdhffhdfh-eo7pm
    @fdsgfdghghdhffhdfh-eo7pm 3 дні тому

    At 4:40 you say you have a whole video on that can I ask which one??

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

    hmm that didn't really tell us how Grid's work, but rather what happens when grid's are present and when they are not present. There is no prescriptive rational being shared.

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

    you are so cute🥰🥰, r u single?🙃

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

    This is my favorite channel 😁Keep it up!! Love it

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

    good info but the way to use colums changed, should be 3,2 or 1. this is by Material design M3

  • @doctrash-yooo
    @doctrash-yooo 3 дні тому

    Thank you for your explanation. May I ask you how to do prototyping responsive design? We should do it each frames first (desktop, tablet, mobile) or we can do it just for one frames but it will relates with other frames? Or we're prototyping it each frames first (desktop, tablet, mobile) then in responsives frame it works for everything when we try it each frames? Sorry for my bad english, hope you understand what I mean. Thank you

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

    one of the best advanced tut !!!!!!! Subscribed :)

  • @honeylavender1122
    @honeylavender1122 4 дні тому

    Why do some design systems use the floating label text fields and some use traditional text fields? I've started to see many use both- I understand when they use traditional in their desktop design system and switch over to the floating label for a mobile version of their design system (like Shopify does) but some use both types within their mobile experience and I can't comprehend why.... it seems like the traditional text field has the best usability but for the little benefit of reducing some vertical space some designers opt to create both types of text inputs to switch desktop and mobile experiences? Seems like too much extra work....

  • @michelafortuna7003
    @michelafortuna7003 4 дні тому

    Hi! Thanks for the video. Am I missing why at the beginning of the "Variable it" part you are adding a token just for this button? Does this mean that each component that I am going to add to the design system will have its own set of variables values? Thanks in advance

  • @bkamnik1995
    @bkamnik1995 4 дні тому

    super great ! insightful and engaging. Followed along and learned a lot. Thanks !

  • @fdsgfdghghdhffhdfh-eo7pm
    @fdsgfdghghdhffhdfh-eo7pm 4 дні тому

    Hi great video. I don't understand what "subtle" "lighter" "default" "darker" came from? Is this something the designer can just choose or should their be a protocol to follow? What if I need more color surfaces?

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

    You got a new subscriber. Love this video!

    • @TDSunshine
      @TDSunshine 4 дні тому

      Yay! Thank you! ☀️🙏🏻💛

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

    you are the best explains. thank you

    • @TDSunshine
      @TDSunshine 4 дні тому

      You are welcome! ☀️🙏🏻💛

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

    Beautiful 🤩.Thank you You made it easy for me🎉

    • @TDSunshine
      @TDSunshine 4 дні тому

      Thanks! ☀️🙏🏻💛

  • @MrBrunobrunic
    @MrBrunobrunic 7 днів тому

    Thank you so much again for everything you do on this channel.🙌🏻 I get excited for each video like a little kid :) I do have one question about the dark/light switch. Since I have 20 connected screens, is there a way to change the theme on all of them with one button click? Right now, it only works on the current screen, but as soon as I click the action button to switch to another screen, it goes back to auto mode (e.g. light).

    • @MrBrunobrunic
      @MrBrunobrunic 7 днів тому

      False alarm. I forgot to turn all the screens to auto :) 😊

    • @TDSunshine
      @TDSunshine 4 дні тому

      Glad you managed to fix it! ☀️🙏🏻💛

  • @TGWatkins-m2y
    @TGWatkins-m2y 7 днів тому

    Thoughts on using Typography variables with different sizes buttons?

    • @TDSunshine
      @TDSunshine 4 дні тому

      Yeah, you could do that ! Typography variables weren't out yet when I filmed this but now I would use them for sure! ☀️🙏🏻💛

  • @hakansalih
    @hakansalih 7 днів тому

    dev mod kısmında sistem patlıyor :) dev mod aşamasında title font-size değerini tablet, desktop, mobile nasıl verecek? gerçi değer verebiliyoruz ancak tailwind gibi class atarsak sistem patlıyor.

    • @TDSunshine
      @TDSunshine 4 дні тому

      Im not familiar with Tailwind but from what I know Devmode works well with variable modes and will show the actual properties and the name of the variable and the mode. ☀️🙏🏻

  • @thecphman
    @thecphman 7 днів тому

    Simply amazing - so skilled

    • @TDSunshine
      @TDSunshine 4 дні тому

      Thanks! ☀️🙏🏻💛

  • @kevape
    @kevape 8 днів тому

    Hi, Im sure you did a video about how to create a dynamic e-commerce store using tokens? It had a collection page and when you clicked on a product the product page dynamically loaded that data? I think it was trainers. Could you post a link to the video here please? Thanks!!

    • @TDSunshine
      @TDSunshine 7 днів тому

      Yes! this one - ua-cam.com/video/fB-4ikrt3mk/v-deo.html. But I will say lots has changed since I created this. For example, you can now use "change variable mode" in prototyping and that would have been useful. Also, the UI is different since UI3 launched. The basics are still the same so still worth a watch ☀️🙏🏻💛

    • @kevape
      @kevape 7 днів тому

      @@TDSunshine brilliant I’ll check it out and look to adapt it using change variables 👍👍

    • @kevape
      @kevape 4 дні тому

      @@TDSunshine hey, got this working so thanks, but yes the set variable mode is a game changer, saves you doing that extra collection for the product page. So thanks again 👍👍

  • @waOoOda
    @waOoOda 8 днів тому

    QUEEN

  • @footyflair038
    @footyflair038 8 днів тому

    You are a blessing! I have followed your figma series and thanks to that I am now hired

    • @TDSunshine
      @TDSunshine 7 днів тому

      Awww how great to hear! Congrats! ☀️🙏🏻

  • @carlainezespost
    @carlainezespost 8 днів тому

    Hey this is amazing, please can you explain, if I'm using the free account how do I switch between the various design modes to see if its responsive?

    • @TDSunshine
      @TDSunshine 7 днів тому

      Thanks! Free accounts don't allow modes so you sort of have to do it manually. I would create separate variables for the different sizes and make sure to group them (desktop/width, mobile/width, etc...) and then you assign all of them in your design and when you want to see a different screen size you will need to go in and manually replace all of them for the correct device BUT because you grouped them it will be easier to find because you can search by device name in the variable list. It's not the best but it's a workaround. ☀️🙏🏻💛

    • @carlainezespost
      @carlainezespost 7 днів тому

      @@TDSunshine ah I see Thanks so much for the quick reply! So so happy I found your channel!

  • @just_deee
    @just_deee 8 днів тому

    Hello, thank you so much for this particular video because it’s easy to understand and very helpful…. I’m not sure if I’m doing the right thing or it’s the new figma update but I can’t seem to add the value “the one in quotation that allows the prototype interaction “ and because of that, it isn’t working as it should…. If anyone can help me out I’ll really appreciate… I can’t share a screenshot here but literally I can’t just input a value that allows it to work.. thank you

    • @TDSunshine
      @TDSunshine 7 днів тому

      Hmmmm maybe try without the ""? Variables were in Beta still when I filmed so things may have changed since then. I hope that helps! ☀️🙏🏻💛

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

    Thank you so much! The explanation on fill/fixed/hug was the simplest, most engaging way to teach this. Thank you for making it accessible to new Figma users. SO helpful. I don't subscribe to a lot of channels, but I've subscribed to yours!

    • @TDSunshine
      @TDSunshine 7 днів тому

      Glad you liked it! ☀️🙏🏻💛

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

    I’m really glad to have found this page, your tutorials has made learning really easy for me. Thank you

    • @TDSunshine
      @TDSunshine 7 днів тому

      Great to hear! ☀️🙏🏻💛

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

    Your content is underrated, and you have fewer subscribers than you deserve. You are teaching production-level design. By the way, I’m a full-stack developer, and I hate design, but your videos are amazing, and now I can create a decent website!

    • @TDSunshine
      @TDSunshine 7 днів тому

      Aww thank you! Im glad you found them useful! ☀️🙏🏻💛

  • @design.larsburkhardt2690
    @design.larsburkhardt2690 9 днів тому

    The tutorial itself is great, but for me personally it is a bit too hectic. Need to watch it at 0.5 or slower :D

    • @TDSunshine
      @TDSunshine 7 днів тому

      Sorry if it was a bit fast for you! Glad you found a way to still enjoy ☀️🙏🏻

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

    I'll be damned

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

    I love you Sunshine ⭐ You're Awesome (In Design).

    • @TDSunshine
      @TDSunshine 7 днів тому

      haha Thanks! ☀️🙏🏻💛

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

    How do you even come up with this type of thinking 😮 ❤

    • @TDSunshine
      @TDSunshine 7 днів тому

      haha I get lots of inspiration for other talented creators on UA-cam and also annoy my colleagues to no end with questions about what they would like to see ☀️🙏🏻💛

  • @San-k7y6r
    @San-k7y6r 9 днів тому

    i've looked up countless tutorials on boolean variables, but yours was the easiest to understand and implement. Thank you so much !

    • @TDSunshine
      @TDSunshine 7 днів тому

      Glad it helped! ☀️🙏🏻💛

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

    When will you start your own Figma design course?

    • @TDSunshine
      @TDSunshine 7 днів тому

      It's something I'm working on slowly in the background... 🤫☀️🙏🏻

  • @soy.pauvolk
    @soy.pauvolk 10 днів тому

    This tutorial is gold, thank you so much for teaching us these useful tricks!

    • @TDSunshine
      @TDSunshine 7 днів тому

      You're very welcome! ☀️🙏🏻💛

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

    Thanks Akka 🫰💓. The best teacher 🥹💯👌

  • @BarryHall-v7w
    @BarryHall-v7w 10 днів тому

    Great tutorial! Thanks.

    • @TDSunshine
      @TDSunshine 7 днів тому

      You're welcome! ☀️🙏🏻💛

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

    thank you girl! amazing Tutorial!

    • @TDSunshine
      @TDSunshine 7 днів тому

      You're so welcome! ☀️🙏🏻

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

    Advanced mode : You can also use the Copy/Paste technique of hovering over the left side of the Prototype Interaction to copy the Set to Fruit and it will use the correct Variable because of the Text field relation. Saves a couple clicks.

    • @TDSunshine
      @TDSunshine 7 днів тому

      Great tip! Figma think of everything! ☀️🙏🏻💛

  • @c-gamesanta5716
    @c-gamesanta5716 10 днів тому

    @TD Sunshine, Missing your content. Hope you come back with new videos soon! 😊

    • @TDSunshine
      @TDSunshine 7 днів тому

      Took a bit of a break for the summer but already working on new content! Stay tuned... ☀️🙏🏻💛

  • @renukaadireddy4614
    @renukaadireddy4614 11 днів тому

    Your explanation was incredibly detailed and clear. I truly appreciate the effort you put into making everything so understandable! 👏👏

    • @TDSunshine
      @TDSunshine 7 днів тому

      Thank you so much! I'm glad you found it helpful ☀️🙏🏻💛

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

    Hey I saw your video and this is really helpful I really liked and also subscribe a genuine request can you make a video on nested autolayout pls? it would be really helpful.

    • @TDSunshine
      @TDSunshine 11 днів тому

      Thanks! Will add to my list! ☀️🙏🏻💛

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

    That was so useful! I keep watching and practicing, thank you so so much!

    • @TDSunshine
      @TDSunshine 11 днів тому

      You're welcome! ☀️🙏🏻💛

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

    Each passing year, what you can do in Figma gets closer and closer to what you can do in code. Your lessons are super helpful!

    • @TDSunshine
      @TDSunshine 11 днів тому

      Yes! Figma keep upping their game 😎☀️💛

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

    OMG!! I didn't know I can use variables for font sizes now! This is a game changer!! I'll have to update a lot of styles, but I can finally have an easy way of switching the typography scale from desktop to mobile!!!

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

      You really changed my (work) life for the better! <3

    • @TDSunshine
      @TDSunshine 11 днів тому

      haha yay! Figma keep updating it's hard to keep up but all so great! ☀️🙏🏻

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

    For fonts - what if we created local font styles in both libraries and published them, similar to the color styles? Wouldn't swapping the libraries also include fonts in that case?

    • @TDSunshine
      @TDSunshine 11 днів тому

      Yes it would! but bare in mind if you are binding any of he font styles to variables those won't swap and it might be a bit buggy ☀️🙏🏻

  • @TravisFulton-k9w
    @TravisFulton-k9w 14 днів тому

    I can't seem to find how to create the icon instance swap in UI3. Do you know? Thanks!

    • @TDSunshine
      @TDSunshine 11 днів тому

      In UI3 when you select an instance all the controls will be at the very top of the design panel ☀️🙏🏻💛

    • @TravisFulton-k9w
      @TravisFulton-k9w 11 днів тому

      @@TDSunshine Thanks so much!

  • @simranshaikh1665
    @simranshaikh1665 14 днів тому

    Subscribed your channel and liked all videos worth it❤

    • @TDSunshine
      @TDSunshine 11 днів тому

      Thanks! ☀️🙏🏻💛