Welcome to code generation! Use this guide to get started with generating your ion designs.

Please keep in mind we generate into an opinionated stack (nextjs, tailwindcss) and you can ensure good quality generations by using our design system and following our designer usage guide.

Video Onboarding Guide

https://www.loom.com/share/1d1eed3b78a24121b756e4471d680c24

Written Onboarding Guide

Step 1: Make your account 💻

You can sign up and make your ion account here.

https://app.ion.design/

You can pick to authenticate with Google, Github, or email address

Once you sign in, you’ll be prompted to connect your figma account.

Untitled

Step 2: Connect the ion demo Figma File 🎨

Copy this link and connect it to your new ion account: