> For AI agents: the complete documentation index is at [llms.txt](https://reflex.dev/docs/llms.txt). For a Markdown version, remove the trailing slash from the page URL and append `.md`. The docs home is available at [index.md](http://localhost:3000/docs/index.md).

---
meta_description: Check Figma integration availability in Reflex Build and learn how to use design references and the existing design-system workflow today.
---

# Figma Integration

A direct Figma integration is coming soon. In the meantime, use the design-system workflow below to establish your app's visual direction.

## Work with design references today

Use [design systems](/docs/ai/features/design-systems/) to guide the visual style of your Reflex Build app. Describe the layout, spacing, typography, and interactions you want, then review the generated result in the app preview.

For a consistent result, identify the page you are building, describe its main sections, and make focused changes one at a time. The [best practices guide](/docs/ai/overview/best-practices/) explains how to plan work and iterate with the agent.

## Choose your next step

- [Reflex Build overview](/docs/ai/overview/what-is-reflex-build/): understand the integrated app-building workflow.
- [Design systems](/docs/ai/features/design-systems/): configure the visual direction of an app.
- [Build with AI](/docs/ai/): compare Reflex Build with using your own coding agent.

This page will document setup and supported import behavior when the integration is available.