Automotive Design for Compose

Automotive Design for Compose is an extension to Jetpack Compose. It allows every screen, component, and overlay to be defined in Figma. To use Automotive Design for Compose in an app, the developer specifies the Composables that they’d like to be defined by Figma, and the designer draws them. Most Figma features, including Auto Layout, Interactions, and Blend Modes are fully supported.

The pluginThe Automotive Design for Compose plugin performs several essential functions in the design workflow:

Live text format: specify how multiple lines of text should be presentedCheck document for errors: review design doc for any keyword tagging errorsCheck/update keywords: ensure your design doc is using the latest set of keywordsSync prototype changes: push latest prototype version to Live ViewLocalization tool: pull strings from the figma design and generate a strings xml file, pull images from figma design and generate a drawable.zip fileSupport to set shader code as a background or a stroke for a nodeGet startedAutomotive Design for Compose is open source. Download the Figma plugin here, and then head over to our GitHub repo to download the SDK and check out a tutorial.

Suggestions and/or feedback? Send it here.