Mind the Gap - Design to Code

Matching design and code on a structural level, for Layers by Friends of Figma Portugal.

Year: 2024

A peek into our work on the Fusion Design System at OutSystems: how talking to designers and developers led us to match design and code on a structural level, create an internal tool to assist documentation, and make other small tweaks backed by research. With UX Engineer Sofia Rocha, for Layers, by Friends of Figma Portugal.

Mind the Gap - Design to Code, image 1

Mind the Gap - Design to Code, image 2

Mind the Gap - Design to Code, image 3

Mind the Gap - Design to Code, image 4

Mind the Gap - Design to Code, image 5

Mind the Gap - Design to Code, image 6