7 comments

  • Mark BultMark Bult, 3 hours ago

    Useful!

    0 points
  • Dan GDan G, 19 days ago

    appreciate this stuff seth

    0 points
  • Seth C, 19 days ago

    In this video, I'll show you how to make a progress component that has a completely variable width. With these techniques, you can use the same component to show 10% progress or 100% progress. It's simple! https://youtu.be/I-79DTuhkHs

    Here is the figma file you can duplicate and try for yourself https://www.figma.com/community/file/834814505714322560/Variable-Width-Progress-Components

    0 points
    • Dan BDan B, 19 days ago

      Love that you included the file too, thanks. I've been procrastinating on my Sketch to Figma transition… considering you made the switch, how do you like it so far?

      0 points
      • Seth C, 19 days ago

        So, let me preface this with I've been using sketch since 2013 and absolutely loved it. Tried figma a few times over the years, but sketch was my main.

        Thennnn I was on a larger project with 3 other remote designers and we were spending ~1 hour a day just trying to merge our commits in abstract and all be in sync. We did a trial run on figma for a sprint and it absolutely blew my mind. So much more productive to be able to design things together and follow each other around in the file.

        Also, you add in auto-layout (which is basically the animaa app for sketch built in to figma) and now you're cooking!!!

        The other thing that's interesting is I haven't experience ANY lag or loading time while in figma. Even really large files are totally fine and don't take any time to load no matter how many components or artboards are on the page. I can't say the same for sketch...

        Took about a week to get used to, but It's very similar to sketch, just with a few extremely necessary features.

        3 points
        • Dan BDan B, 17 days ago

          You just convinced me. For some reason I kept thinking that Figma would be slower than Sketch (without even trying it) and that was my main blocker. I'll give it a try next project. Thanks man!

          1 point