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!

Retry later

Top comments (0)

The Most Contextual AI Development Assistant

Pieces.app image

Our centralized storage agent works on-device, unifying various developer tools to proactively capture and enrich useful materials, streamline collaboration, and solve complex problems through a contextual understanding of your unique workflow.

👥 Ideal for solo developers, teams, and cross-company projects

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay