DEV Community

Sasha Zi
Sasha Zi

Posted on

Building Flo Design System automation with Figma as a source

Image description
Creating a scalable design system is no small feat. We tackled challenges like ensuring team alignment, fostering collaboration, and maintaining consistency.

I documented such a journey in a two-part series:
1️⃣ Part 1: Tackling initial challenges and laying the foundation
2️⃣ Part 2: Scaling the system and key lessons learned

We are sharing our findings, tools, and plans so you can save time while starting your own design system. Other articles on the same subject often contain either information about structuring design tokens or instructions for building DS pipelines. Here, we tried to paint the whole picture and show our DS workflow end-to-end with real, simple examples from the Flo mobile app.

It is more about the DS foundations — design tokens — but there are also examples of some components.

If you’re building or scaling a design system, I’d love to hear your thoughts or answer any questions—let’s chat in the comments!

Top comments (0)

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay