How to make variable width progress components in Figma (youtube.com)
over 3 years ago from Seth C, CEO @ UX Cabin
over 3 years ago from Seth C, CEO @ UX Cabin
Useful!
appreciate this stuff seth
You got it Dan! More to come ;)
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
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?
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.
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!
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now