How Motiff AI works with IDE tools

Motiff AI makes it easy to take your AI-generated UI into your favorite IDE.

Just export, unzip, import — and start building.

1. Export your project ZIP from Motiff AI

In your Motiff AI project, click Export - Project ZIP in the top-right corner. Motiff AI will generate a production-ready folder containing all assets and code.

2. Unzip the Project ZIP

Download the ZIP and extract it locally. You’ll get a clean folder structure for each screen generated in Motiff AI.

3. Import the folder into your IDE

Open your IDE (Claude Code, Cursor, CodeX, Windsurf, VS Code, etc.) and import the extracted folder as a new project.

You can now start vibe coding with your preferred tools and workflows.