16
I keep seeing designers skip the asset library step in Figma
It matters because you end up with 20 versions of the same button and waste hours fixing them later. I learned this after a project where we had to update a brand color and it took a full day just to hunt down every instance. Does anyone have a good system for keeping their components organized from the start?
3 comments
Log in to join the discussion
Log In3 Comments
matthewbarnes2mo ago
Start with a main components page and treat it like your toolbox. Every new button or icon gets made there first before going into any designs. Use clear naming like "Button/Primary/Default" so you can search later. Set up color and text styles right away too, it saves more time than you'd think. Once that's locked in, you can just swap things out in one place instead of hunting through files.
3
alice_barnes352mo ago
Totally agree, that main page is your single source of truth. Push it further by making a rule that nothing gets built in a project file until it lives in the toolbox first. Forces everyone on the team to use the same stuff. Also, add a "sandbox" frame right on that page for testing new changes before you update the main component. Saves you from breaking a hundred screens by accident.
6
kai_stone9914d ago
Man, this actually makes me rethink my whole setup. I used to just build stuff wherever it fit in the file and call it a day. Thought it was faster. But the sandbox idea is genius, especially for testing without blowing up anything live. I was always scared to mess with main components because one wrong click and every screen breaks. Having a dedicated test frame right there on the main page would let me mess around and be confident it works before pushing it out. And making it a rule that nothing gets built until it's in the toolbox first? That would've saved me so many headaches with mismatched buttons and weird spacing. I'll probably set that up this weekend.
5