Hey, Figmates. What started as a quick redesign of a landing screen for a client, turned out into a full-blown website. Soon there will be a web app design. There are also branding assets and social media banners, and heavy use of illustrations.
My point is that I believe I should act quickly and create a design system before the project grows in complexity. I‘ve never done this, so I came up with the following file structure:
— Brand colors
❖ Illustrations library
❖ Web site library
❖ Web app library
— Web site design
— Web app design
The files marked with ❖ are where the library of components are stored. So, I envision having a separate library for the type of design (web site, web app). I foresee that the illustrations should in a separate file as some part of them will be used across the design in overall.
The question of typography? I think it‘s a good idea to put them inside the web site and web app libraries, as each type of project will use slightly different sizes.
But what about colors? That‘s a tricky one. Colors are brand-related, and they should work across the entire project. So I imagine the following: Color styles are set into the Brand colors file, they are shares into the web site and web app libraries, and only then used into the web site and web app design files. So the brand colours file is a meta file that is used in the library files. Does that make sense?
Any feedback is appreciated.