In this guide, you’ll learn how to:

  • Start a project using a written idea.
  • Use a Figma design to generate a project.

​
Before you begin

You’ll need:
  • You’re in – just sign into Rocket and you’re ready to build.

​
Let’s build your first project!

Choose the creation method that works best for your workflow.

​
Method 1: Start from an idea

1

Go to Rocket

Head to https://rocket.new and sign in.

Landing page before project creation

2

Tell Rocket what you want to create

Choose your app type from the homepage or jump straight into describing your idea.

Option 1: Click what you want to build
Tap a card like:

  • Mobile App
  • Web App
  • Landing Page
  • Dashboard

Each card opens a focused chat window right inside the box. Rocket uses your choice to automatically infer the platform.

Web App option selected

Option 2: Describe your idea
Type your app’s purpose in the chat prompt (e.g., “An app to book fitness classes”).
You can edit the suggestion or write your own from scratch.

Chat prompt idea input

3

Choose platform manually (if not already set)

If you typed your idea directly without clicking a project type - Rocket will ask whether you’re building for mobile or web.

Platform selection after typing idea manually

4

Select your framework

Next, choose your preferred framework based on your app type:

  • React (most common)
  • HTML

for web app.

Framework selection screen

5

Pick your generation mode

Choose how detailed your initial build should be:

  • MVP – a fast, minimal version with just the essentials.
  • Comprehensive – includes everything Rocket can generate from your prompt.

MVP vs. Comprehensive generation mode

6

Customize screen generation

Rocket shows you a list of suggested screens. Deselect any that you don’t need.

Screen selection UI

Success check: Click Confirm to begin generation.

7

Rocket prepares and builds in real time

Rocket now generates your app, showing progress on each screen.

Status icons indicate:

  • Completed
  • In progress
  • Failed

Live screen generation status

Success check: You see the message “Code has been generated successfully.”

Need to retry a screen?
Use the chat: type “Regenerate failed screen <screen_name>” or explore chat features.

​
Method 2: Import from Figma

Turn your designs into production-ready code fast. With Rocket, it’s simple to convert your Figma designs into working apps.

Just follow our step-by-step guides for web and mobile to go from design to live code in minutes.

Create mobile applications with Figma

Create web applications with Figma

Stay in the flow – we’ll ping you when it’s ready.
If your project takes more than a few moments to complete, Rocket offers to notify you via email so you don’t have to wait around.

Notify prompt

Just click Yes to get an email with a link as soon as it’s done – no need to refresh or monitor progress manually.

Coming soon!
  • Using templates.
  • Using attachments.

These features are under development – stay tuned for launch updates.

You did it!

Your Rocket project is live – created from your idea or design.

Need help? Reach out to support@rocket.new.