Connect with us

News

Google’s Relay turns Figma Layouts into Compose code

Relay eliminates the need for tedious design specifications and lengthy feedback loops to refine details.

As part of the recent Jetpack Compose update, Google released the first alpha version of Relay , a design-to-code tool that turns Figma UI components into composable functions that can be directly used in an application.

Designers can use the Relay plugin for Figma to annotate and package UI components for developers to use, including layout, style, dynamic content, and interaction behavior information.

The developers themselves, through the Relay plugin for Android Studio, import UI packages and create pixel-perfect Jetpack Compose code. This process provides instant implementation of layouts and styles, and speeds up the data binding process. UI packages can include styles and themes, as well as references to design system components that exist in code.

Relay eliminates the need for tedious design specifications and lengthy feedback loops to refine details. As the product evolves, UI packs can be updated, extended, and implemented incrementally across the entire codebase.

Advertisement

Trending