Open Food Network component library in Adobe XD, Sketch and Penpot.app

[Erioldoesdesign]

We currently use Figma but to be open source we should make our product UI components and libraries accessible across other design software to be inclusive of all designers in an OSS centred way. We're also wroking on a front-end style guide library that would be the 'code version' of our components whereas this is the 'design file version'.

A component library is very useful if not essential for growing design contributions and including designers that can work on shorter issues that don't require weeks and months of dedicated contribution time.

A component library should be a design file in the software of your OSS tools choice or the tool that designers can and will feel comfortable using. Saving this file as an open format like s.vg will help the cross-compatibility of your file.

The component library is a design file of all the UI elements individually and as 'ecosystems' and should ideally include pages of the user flows. As many pages as are possible to create will help other designers see parts of the OFN tool/app they might struggle to see if the tool/app requires a local environment to be setup.

You can find the example we made for TenFour OSS here as a file that can be opened with Adobe XD: https://github.com/ushahidi/tenfour/blob/develop/design-contributions.md

[AayushiKejriwal]

Hi Eriol,
As per our discussion I'd like to work on this project, Can you assign this so I can start working on the same?

[Erioldoesdesign]

Wanted to make sure I dropped your figma link here for the prep work you've done already here: https://www.figma.com/file/8PxpzbCy8GBtgcMroH6wo4/OFN-UI?fuid=505738540978264035

[Erioldoesdesign]

This issue was for other software than Figma so moving @AayushiKejriwal over to issue #4 !