Automotive Design for Compose
Enable design-driven UI development with AAOS
Plugin Preview
About this plugin
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 plugin
The Automotive Design for Compose plugin performs several essential functions in the design workflow:
- Live text format: specify how multiple lines of text should be presented
- Check document for errors: review design doc for any keyword tagging errors
- Check/update keywords: ensure your design doc is using the latest set of keywords
- Sync prototype changes: push latest prototype version to Live View
- Localization tool: pull strings from the figma design and generate a strings xml file, pull images from figma design and generate a drawable.zip file
- Support to set shader code as a background or a stroke for a node
Get started
Automotive 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.
Plugin Details
| Version | 15 |
|---|---|
| Created | April 12, 2023 |
| Last Updated | March 13, 2025 |
| Category | Import & export plugins |
| Creator | Tim Froehlich |
| Stats | 125 installs, 11 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:{"main": "dist/ui.html", "star": "dist/data/shader/star.txt", "julia": "dist/data/shader/julia.txt", "shader": "dist/shader.html", "gradient": "dist/data/shader/gradient.txt", "cloudy_sky": "dist/data/shader/cloudy_sky.txt", "discrete_ocean": "dist/data/shader/discrete_ocean.txt", "fibonacci_sphere": "dist/data/shader/fibonacci_sphere.txt"}
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
The plugin uses the stylesheet from https://github.com/thomas-lowry/figma-plugin-ds to make the UI consistent with the rest of the Figma UI (https://www.figma.com/plugin-docs/figma-components/). It uses https://rsms.me for the Inter fonts. jszip is the tool to download images in zip. CanvasKit for shader plugin is hosted by unpkg.com.
- Editor Types:figma
- Allowed Domains:
- https://cdn.jsdelivr.net/gh/thomas-lowry/figma-plugin-ds/dist/figma-plugin-ds.css
- https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js
- https://rsms.me
- https://unpkg.com
More Like This
Discover other plugins in the Import & export plugins category.