Create a Tailor-fit Design System in Figma for your App
Contact for pricing
About this service
Summary
I have built 2 design systems from ground enabling 2 teams of designer to scale and operate quickly, producing consistent designs in Figma and in code with less headache, stress and heartache.
Process
First step is understanding the current design state of the whole app. Auditing each page including different statuses, empty states, and edge cases to identify what are the existing and non-existing design components/elements across the app.
Second step is to creating a roadmap to execute and implement the design system. This will include the usage documentation that will be a reference for those who will be using the design system, ideally including the software engineers.
Third step is creating the design system.
Last would be implementation. You can involve me in this process as needed to ensure that the design system will be properly implemented by the engineering team. From creating a library of components, to actual implementation for every page, again as needed.
What's included
Complete Figma File
This Figma file will have all the designed components, necessary documentations and related artifacts. It can extend to variables and/or design tokens as needed, depending on the scale of the design system. It may also include design principles and/or methodologies such as Atomic Design System(by default) which will be discussed and agreed upon as we begin in the project. You can either have me invited on an existing Figma team, set me a new one or just an exported .fig file for you and your team.
Example projects
Skills and tools
UX Copywriter
UX Designer
UI Designer
Figma