Swap libraries in Figma 2024 | Swap styles, components & variables in Figma 2024

Поділитися
Вставка
  • Опубліковано 20 сер 2024

КОМЕНТАРІ • 43

  • @RavynMitts
    @RavynMitts 2 місяці тому

    Yeah looks like this function could still use a bit of work but I am loving the idea of it. Definitely can use the text styles to change those back and forth too though. I'm trying to figure out if theres some work around with the color variables but at the very least we can use the color styles and just associate them with the local components. Seems to be the best option for the moment but I am all ears on other work arounds and such!

    • @TDSunshine
      @TDSunshine  2 місяці тому

      All fingers crossed that themeing will be announced at Config later this month and then we can swap variable libraries easily! ☀️🙏🏻💛

  • @ecila89
    @ecila89 2 місяці тому +1

    Great content! You could add a mode to the variables and just switch mode on the page

    • @TDSunshine
      @TDSunshine  2 місяці тому +3

      Thanks! yeah that's a great idea :) Hopefully, at some point, we will be able to swap variables libraries too so you can have modes in both libraries and swap between ☀️🙏🏻💛

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

      yes it is definitely a way to go. but this goes only to a limited amount of modes. when working with a normal plan or even enterprise plan you will only have 4 modes. 40 modes are coming with a plan for 75$ per month lol.
      they won't fix that you are not able to swap libraries with variables. because then you won't need the 75$ plan anymore.
      There are plugins though.

  • @khushijain9072
    @khushijain9072 2 місяці тому

    Your videos are just so so so helpful!!!! Thanks for sharing your knowledge so nicely....best figma tutorial channel. Also, please make videos whenever figma releases any updates. Your videos really helps❤❤❤❤

    • @TDSunshine
      @TDSunshine  2 місяці тому

      Thanks! I try to keep up with all Figma updates and release videos as soon as I can ☀️🙏🏻💛

    • @khushijain9072
      @khushijain9072 2 місяці тому

      @@TDSunshine Thanks, really appreciate it😇

  • @ravirajputdesigner
    @ravirajputdesigner 2 місяці тому +1

    Great one. Easy now to play within the libraries.

    • @TDSunshine
      @TDSunshine  2 місяці тому

      Thanks! 🙏🏻☀️

  • @RAVIRANJAN55555
    @RAVIRANJAN55555 2 місяці тому +1

    Such an excellent tutorial on UA-cam, Thanks!

    • @TDSunshine
      @TDSunshine  2 місяці тому

      Thanks! ☀️🙏🏻

  • @BingChilling896
    @BingChilling896 2 місяці тому +1

    Another helpful video 👍 would be interested on how you would design something normally i.e. for a client, and be able to see you use the techniques you're teaching in a real scenario.

    • @TDSunshine
      @TDSunshine  2 місяці тому

      Thanks! great idea! I'll add it to my list ☀️🙏🏻

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

    Amazing TD

  • @javadsaberi_afroo
    @javadsaberi_afroo 25 днів тому

    How interesting it was, my friend. Thank you for your explanation.
    Do you have a tutorial on exporting variables and importing them into another file?

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

      Thanks! I don't but thats a great idea! will add to my list ☀️🙏🏻

  • @premium_AR
    @premium_AR 2 місяці тому

    Hey!!! thanks for the upload. I am soo excited to check out this tutorial

    • @TDSunshine
      @TDSunshine  2 місяці тому

      Thanks! ☀️🙏🏻💛

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

    Thanks for great tutorial!
    In case someone wonders, I've made a plugin called Swap Variables that helps you.... you know, swap variables between collections.

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

      Great tip thanks! ☀️🙏🏻💛

  • @tutukumarpanda
    @tutukumarpanda 2 місяці тому +1

    It's very useful, thanks for sharing 👍. I want to know what can we do with (cmd+/) shortcut?

    • @TDSunshine
      @TDSunshine  2 місяці тому

      You're welcome! ooo what can't you do with it?!? It basically opens the quick action menu and you can type anything into it. I use it a lot for "select all with same..." and also to launch different plugins. You can also use it to change settings like hide the panels or change from light to dark mode. ☀️🙏🏻

    • @tutukumarpanda
      @tutukumarpanda 2 місяці тому

      @@TDSunshine thank you so much 😊

  • @sevenson5112
    @sevenson5112 2 місяці тому +1

    It can be used for design agency to make over their design system different from the others even only the changes of color.

    • @TDSunshine
      @TDSunshine  2 місяці тому

      Yes! it's a really useful feature ☀️🙏🏻

  • @AntanasGeguzinskas
    @AntanasGeguzinskas 2 місяці тому

    Best Figma content :)

    • @TDSunshine
      @TDSunshine  2 місяці тому

      Thanks! ☀️🙏🏻💛

  • @alkesh482
    @alkesh482 2 місяці тому +1

    super good

    • @TDSunshine
      @TDSunshine  2 місяці тому

      Thanks! ☀️🙏🏻

  • @ahmedyarkhan7006
    @ahmedyarkhan7006 2 місяці тому +1

    can you do login and sign up in figma by using functionality such as incorrect password and incorrect email

    • @TDSunshine
      @TDSunshine  2 місяці тому

      Great idea! will add to my list ☀️🙏🏻💛

  • @mirisetc
    @mirisetc 2 місяці тому +1

    Hello everyone,
    I'm stuck with a problem, can anyone help? :)
    I want to redesign the apple ios kit time picker and integrate it for weight, age and height. Just to prepare wireframe. I couldn't find a ready kit for weight and height. Does anyone have information?

    • @TDSunshine
      @TDSunshine  2 місяці тому +1

      Hey! you can get the time picket from the iOS library, detach it and then play around with the content inside to make it work for what you need! I hope that helps ☀️🙏🏻

  • @x0x0ROCKx0x0
    @x0x0ROCKx0x0 19 днів тому

    Īs there a way to import certain parts of a library? Say....I only want the colours and icons....and I don't need text styles...to be imported to my new project? And I want the colours and icons to be connected to the parent library all the time, so that the changes there will be reflected in my new file as well? is there a way to do that?
    TIA, and love all your videos

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

      Great question! if you only want to swap certain bits of your library then YES. When you go through the swap process there are little checkboxes where you can tick/untick what you want to swap. If you mean can you add a library to a file but for example only add components but not see the styles in the style selector then sadly no :( I know some people prefer to split the styles and components into separate library files because of this so they can add just one and not the other. ☀️🙏🏻💛

  • @ibraahiim-tm8fl
    @ibraahiim-tm8fl 2 місяці тому +1

    Hi TD sunshine I learning figma design I need help about someone to check my design on figma step by step pls can you help me or it's good if you have community I can post my design and practice

    • @TDSunshine
      @TDSunshine  2 місяці тому

      Hey! that's a great idea! I don't have anything like that set up right now though sorry :/ ☀️🙏🏻

  • @liaqatali7633
    @liaqatali7633 2 місяці тому

    Please mam check notification

  • @sophiemulders
    @sophiemulders 2 місяці тому

    You need paid figma for this right? Just at beginning of video so sorry if mentioned later

    • @TDSunshine
      @TDSunshine  2 місяці тому

      Yes sorry I don't think I mention this during the video but team libraries are only available using paid plans. You can check out the different plans available here - psxid.figma.com/xnd9l
      ☀️🙏🏻💛