https://www.figma.com/community/file/1392205655725159831
After finalizing multiple iterations of the nMachine Sitemap , we identified and agreed upon our atomic components. This allowed us to begin building custom components while also determining which could be effectively sourced from external libraries and styled based on our Styleguide .
UI audit tracking atomic components and their uses.
The audit helped us identify the components roots and their atoms and
Atomic components
Organisms
Templates
We published our Figma library to the community to help us save time when onboarding new designers. Team members could also contribute to the library by submitting new components via Slack, which I would format and later add to the document.
File: nMachine Design Toolkit Designer: @alfredouseche1
I added links to an external database in the Figma files for more detailed information on each component's behavior. These links could be referenced from Storybook.
As documentation was finalized we moved the components in to our react library to be built by our front-end developer @viktorkoda.
https://nmachine-io.github.io/ui-kit/?path=/story/large-framed-modal--selectable