Skip to main content
Workflows and prompts for designers - from importing Figma designs to iterating on visual details and redesigning client sites.
Replace the placeholder details (in brackets) with your own specifics - URLs, color codes, design references, and client details.

Import from Figma

Figma import is a URL-based flow - no text prompt needed. Paste your Figma URL and Rocket generates your app automatically.

Convert a Figma design to a web app

How to start:
1

Copy your Figma URL

Copy your Figma file or frame URL (you need view or edit access to the file).
2

Paste the URL

Go to rocket.new and paste the URL.
3

Select your platform

Select Web as your platform.
4

Generate the app

Rocket imports your screens and generates a working web app.
After import, use prompts to refine:
What to expect: A pixel-accurate implementation of your Figma design as a working web app. After import, iterate using chat exactly like any other Build task.

Convert a Figma design to a mobile app

How to start:
1

Copy your Figma URL

Copy your Figma mobile screens URL.
2

Paste the URL

Go to rocket.new and paste the URL.
3

Select your platform

Select Mobile as your platform.
4

Generate the app

Rocket generates a Flutter app for iOS and Android.
After import, use prompts to refine:
What to expect: A cross-platform mobile app that implements your Figma mobile design. Use chat to add logic, interactions, and integrations.

Figma import guide

Full walkthrough for importing Figma designs, platform setup, and design guidelines.

Visual iteration

Refine typography and spacing

Task type: Build
What to expect: Updated typography and spacing applied consistently across all pages.

Color palette swap

Task type: Build
What to expect: A complete color refresh applied globally without affecting layout or functionality.

Animation and micro-interactions

Task type: Build
What to expect: Polished micro-interactions that make the app feel more refined and responsive.

Component library consistency

Task type: Build
What to expect: A visually consistent app where every component follows the same design system.

Client site redesigns

Full site redesign for a client

Task type: Build (Redesign)
What to expect: A redesigned version of the client’s site that preserves their content while dramatically improving the visual design.

Landing page conversion optimization

Task type: Build (Redesign)
What to expect: A conversion-optimized redesign of the existing landing page.

Portfolio site refresh

Task type: Build (Redesign)
What to expect: A redesigned portfolio with a refined, editorial aesthetic.

Design research

Design trend analysis

Task type: Solve
What to expect: A trend report with specific examples and design principles you can reference in your work.

What’s next?

Prompts for developers

Rapid prototypes, API integrations, and custom code.

Prompting for Build

Learn to describe apps and redesigns more effectively.

Website overhaul workflow

Full redesign workflow from benchmark to deploy.

Visual edit

Click any element to tweak colors, spacing, and layout directly.