Skip to main content

​
Getting Started

Rocket is an AI-powered platform that lets you create and publish production-ready, full-stack apps from your browser. Describe your idea, upload a Figma design, or start from a template.Rocket will generate a complete app in minutes.Learn more in the Introduction.
Visit rocket.new and register with your email (or use the iOS app). Once logged in, you can start a project by describing your idea, importing a Figma design, choosing a template, or uploading an image.See the complete guide in Create an Account and Start from an Idea.
You can create web apps (React, Next.js) and mobile apps (Flutter) including SaaS platforms, dashboards, marketing sites, AI tools, e-commerce sites, internal apps, and more.If you can describe it, Rocket can build it. Check out examples in the Idea Showcase.
Yes. Rocket generates Flutter-based mobile apps for iOS and Android. You can start from a mobile Figma design or describe your mobile app idea in chat.See Create a Mobile App from Figma for details.
In Figma, click Share → Copy link, and ensure viewing permissions are enabled. Paste the shareable URL into Rocket’s project setup.Rocket will convert your Figma design into a live, editable app. Learn more: Get Your Figma URL and Figma Overview.
All your projects are available on your Dashboard at rocket.new. You can reopen, edit, or relaunch them anytime.See Your Projects for more details.
Yes. Rocket has an iOS app available on the App Store. Most features work on both web and iOS, but some advanced features are web-only, including: Visual Edit, Commands (/ and @), Figma import, code download, subscription management, API integration, screenshots, audio notifications, and remix links.
Yes. The quick start guide walks you through creating your first project in minutes. See Quick Start.
Yes. Upload a screenshot, mockup, PDF, spreadsheet, CSV, or Markdown file and Rocket will generate a working app from it. See Start from an Attachment.

​
Using the Interface

Type in natural language to build and iterate on your app. Examples: “Add a login form with email and password” or “Connect this app to Supabase.”Rocket interprets your requests and generates code. Learn more in Chat Interface.
Commands let you make precise, repeatable changes. Use / to trigger actions like /fix, /explain, or /optimize. Use @ to scope edits to specific files or components.Commands are web-only. See Commands.
Visual Edit lets you click and modify any element in your app’s preview without writing code. It is available on web browser only. Learn more: Visual Edit.
The preview panel displays your app live as you build. No compilation needed. You can interact with it in real-time and choose between web and mobile views.See Preview.
Wait 1-2 minutes for the build to complete, then refresh the preview panel. If changes still do not appear, check the chat for any errors during code generation, or use the /fix command to troubleshoot.
Yes. Use Code View to inspect, browse, and edit your app’s source code. On web, you have full editing capabilities. On iOS, you can browse code and transfer to GitHub but cannot edit directly.See Code View.
Ensure you are logged into the correct account. Projects sync automatically between web and iOS.If a project is still missing, try refreshing the dashboard or contact support at support@rocket.new.
No. The framework is locked once a project is created. You cannot switch a React project to Next.js, a web project to Flutter, or vice versa.If you need a different framework, start a new project and mention the framework in your initial prompt. See Default frameworks.
Rocket offers push notifications (web and mobile) and audio notifications (web only). On web, go to Account Settings to toggle push and audio notifications. On mobile, open Settings from the footer bar and toggle notifications ON.See Account Settings.
Workspaces help you organize projects and collaborate with team members. You have a personal workspace by default and can create team workspaces to share projects.See Workspaces.

​
Prompting and AI

Be clear, specific, and goal-oriented. Use prompts like “Create a signup form with email and password fields” or “Add a dashboard with charts showing monthly revenue from Supabase.”Start with action verbs (Create, Add, Connect, Update) and include details about layout, data, and integrations. See Get started.
Best practices:
  • Break complex requests into smaller steps
  • Be specific about inputs, outputs, and behavior
  • Mention integrations and data sources explicitly
  • Use iterative refinement (start simple, then add features)
  • Reference specific screens or components with @ commands
Learn more: Core Concepts.
Yes. You can describe a complete idea and Rocket will generate a deployable app with backend, authentication, and deployment configured. For complex apps, it is often better to start with a template or describe the app in stages, adding features iteratively.
Try these approaches:
  • Simplify your request and break it into smaller steps
  • Be more specific about what you want
  • Use the /fix command to address issues
  • Ask Rocket to explain what went wrong
  • Check Debugging for common issues
Yes. Browse the library for ready-to-use examples covering dashboards, landing pages, user authentication, forms, and more. See Library.
Yes. Clear, specific prompts help Rocket generate accurate code faster, reducing token usage. Vague prompts may require multiple iterations and regenerations, consuming more tokens.Learn about tokens in Understanding tokens.

​
Integration and API Setup

Rocket includes 29+ built-in integrations across multiple categories:
  • Payments: Stripe
  • Email and messaging: Resend, SendGrid, Brevo, MailerLite, Mailchimp, Twilio
  • AI models: OpenAI, Anthropic, Gemini, Perplexity
  • Databases and CMS: Supabase, Airtable, Strapi, Directus
  • Analytics: Google Analytics, Mixpanel, AdSense
  • Forms and scheduling: Typeform, Tally, Calendly, Cal.com
  • Social and media: Instagram
  • Productivity: Google Workspace, Notion, Linear
  • Design and development: Figma, GitHub, Netlify
You can also connect to any REST API using the APIs feature. See Integrations Overview.
Rocket provides deep Supabase integration. You can create a new Supabase project or connect an existing one directly from project settings.Describe what you need in chat (e.g., “add user login” or “create a products table”) and Rocket generates the code and migration scripts. You push migration scripts to Supabase using the button that appears in the UI. Learn more: Supabase Integration.
Common fixes:For more help, see Debugging.
Yes. Rocket supports Stripe integration for payment processing, subscriptions, and checkout flows. Connect your Stripe account from project settings. See Stripe Integration.
Yes. Rocket offers multiple ways to connect to custom APIs:
  • APIs feature: Import API definitions from Postman, cURL, Postman JSON, or Swagger, then integrate them into UI elements. Rocket generates the code automatically. See APIs.
  • Chat prompts: Describe your API endpoints, authentication method, and data structure in chat, and Rocket will generate the integration code.
Yes. Rocket uses Supabase Auth for secure user authentication. You can request authentication features in chat (e.g., “Add email/password login”) or start from templates that include auth.Rocket supports email/password, social auth (Google, GitHub, etc.), and magic links. See Social Auth.
Connect GitHub from your project settings. Rocket supports one-way transfer to push your project to a GitHub repository. See GitHub Integration.
Import API definitions from Postman, cURL, or Swagger and integrate them into UI elements. Rocket generates the integration code automatically. See APIs.
Open the APIs section and click Add APIs. Choose from:
  • Postman key: Connect to a workspace
  • cURL: Paste a working command
  • Postman JSON: Upload an export file
  • Swagger/OpenAPI: Upload a spec (JSON or YAML)
See APIs for details.
Select the route, choose the API from the dropdown, and click Integrate API. Click the UI element to attach it.Configure triggers (page load, button click, etc.) and add pre/post-call instructions. Rocket generates the code automatically. See APIs.
API import is web-only. Once imported on web, APIs are available for both web and mobile apps. See APIs.
The import may not have completed. Reopen Add APIs and re-import. Verify you are in the correct project and your source is valid. See APIs.
Your API includes placeholders (like {{accessToken}}) that need mapping. Bind them to state or environment variables during integration. See APIs and Code View.
The response is not stored to a state variable your UI binds to. Update Post API call instructions to store the response, then bind your UI component to that variable. See APIs.
Your token is missing, expired, or incorrectly formatted. In Pre API call instructions, validate the token exists and is valid. Ensure the Authorization header format matches your backend (e.g., Bearer <token>). See APIs.
Rocket supports integrations across many categories including analytics (Google Analytics, Mixpanel), forms (Typeform, Tally), scheduling (Calendly, Cal.com), CMS (Strapi, Directus, Airtable), and productivity tools (Google Workspace, Notion, Linear).Each has a dedicated setup guide. Browse all options in the Integrations Overview.

​
Publishing and Deployment

Click Launch in your project to deploy. Web apps are hosted on Netlify with a public URL. You can use the default Netlify link or connect a custom domain.Mobile apps get a mobile-optimized web link for instant sharing. See Launch Web App, Launch Mobile App, and Connect Custom Domain.
Yes. Rocket creates mobile-optimized public web links (PWA) for your Flutter apps. Anyone with the link can access your mobile app in their browser. See Launch Mobile App.
Yes. Downloading project source code is available for paid users on web browser only. Use Code View to download your complete project as a .zip file. See Code View.
Yes. Download your Flutter code (web only), then follow the submission guides:
Download the APK from Rocket (web only), transfer it to your Android device, enable installation from unknown sources, and install. Full instructions: Install APK on Android.
Yes. Free plan apps are public by default and visible in the Rocket showcase. On paid plans, your apps are never used for AI training whether they are public or private.You can set apps to private from Project Settings to exclude them from the showcase. See Project Visibility.
It is a showcase of public apps created by the Rocket community. All public apps (free plan) appear here automatically, and some are featured by the Rocket team. Paid plan users can opt out. See Built with Rocket.

​
Editor and Customization

Yes. You can upload images by describing your needs in chat (e.g., “Add a logo image here”) or using Supabase Storage for user-uploaded images.Drag and drop or file selection is supported where applicable.
Yes. Use Code View to inspect and edit your app’s source code directly. On web, you have full editing capabilities including environment variables and build configurations.On iOS, you can browse code and transfer to GitHub but editing is limited. See Code View.
Browse templates by category during project setup. Templates are pre-built apps you can customize immediately after selecting one.See Using Templates.
You can add new screens using the “Add Figma screens” feature (web only). Updating existing screens from Figma is not yet fully supported but is under development.
Yes. Rocket includes a rollback button below each code change. You can click that button to restore earlier states of your app.
Supported technologies:
  • Web apps: React (JavaScript) or Next.js (TypeScript)
  • Mobile apps: Flutter (Dart) for iOS and Android
  • Backend: Supabase (PostgreSQL database, authentication, storage, edge functions)
  • Hosting: Netlify for web deployment
Each use case (Web App, Landing Page, Dashboard, etc.) defaults to a specific framework and language. See the full mapping in Default frameworks.
Yes. Rocket has recipe guides for building SaaS apps, e-commerce stores, AI-powered tools, content sites, booking apps, and lead generation sites.Each recipe includes architecture guidance and all the prompts you need. See Recipes.

​
Plans, Tokens, and Billing

Tokens are Rocket’s in-app currency. They are consumed when you generate apps from ideas, convert Figma designs to code, or make chat-based edits.Clear, specific prompts use fewer tokens than vague requests. Each plan includes monthly tokens that roll over (unused tokens carry to next month for paid plans). See Pricing for detailed token information.
Available plans:
  • Starter: Free, 1M one-time tokens, 2 Figma screens
  • Personal: $25/month, 5M tokens/month, 6 Figma screens
  • Rocket: $50/month, 10.5M tokens/month (includes 500K bonus), 12 Figma screens
  • Booster: $100/month, 22M tokens/month (includes 2M bonus), 25 Figma screens
Annual billing offers 20% savings. See Pricing for full comparison.
Go to Settings > Subscription (web only) to:
  • Upgrade or downgrade your plan
  • Purchase refuel tokens ($20 for 5M tokens)
  • Cancel your subscription (no penalties)
  • View and download invoices
See Subscription Management.
When your token balance reaches zero, chat and Figma-to-code features pause.You can:
  • Wait for your monthly refresh (paid plans)
  • Purchase refuel tokens ($20 for 5M)
  • Upgrade to a higher plan for more monthly tokens
Your projects and code remain accessible. The /fix feature for Rocket-detected errors is free for paid users.
Yes, for paid plans:
  • Monthly plans: Unused tokens roll over to the next month indefinitely
  • Annual plans: Unused tokens roll over month to month within your 12-month term. At renewal, remaining tokens expire and you get a fresh annual balance
  • Starter plan: One-time credit, does not roll over
Refuel tokens are additional tokens you can purchase anytime ($20 for 5M). They do not expire while your subscription is active and are used the same way as subscription tokens.Refuel is great for high-load months or unexpected scope increases. If you are refueling often, upgrading provides better value. See Pricing.
Yes. Upgrades take effect immediately with prorated charges. You receive additional tokens right away.To downgrade, click Manage beside your active plan in Settings > Subscription to open the Stripe dashboard, then select a lower-tier plan. Downgrades are scheduled for your next billing cycle. You keep your current token balance until then.See Subscription Management.
When you cancel, all unused subscription, bonus, and refuel tokens expire at the end of the current billing cycle. Your projects remain accessible, but you will not be able to generate new code or make chat edits once tokens are depleted.See Subscription Management.
The Understanding Tokens page explains token consumption in detail, including how different actions use tokens and tips for reducing usage. See Understanding Tokens.

​
App Development and Debugging

Use the Preview Panel to interact with your app in real-time. Test on different screen sizes using web and mobile preview modes.Request fixes in chat (e.g., “Fix the login error” or “Debug why the button is not working”). Use the /fix command for Rocket-detected errors (free for paid users). See Preview.
Yes. You retain full ownership and rights to everything you create with Rocket, including all source code and outputs. You can download, modify, and deploy your code anywhere.
Yes. Download your source code (paid users, web only) and continue development locally in your preferred IDE. You can also transfer to GitHub and clone your repository.See Code View and GitHub Integration.
Yes. Web apps are hosted on Netlify. Connect your Netlify account from project settings, then follow Netlify’s domain setup to link your custom domain. See Connect Custom Domain.
Currently, Rocket generates mobile-optimized Flutter apps for phones. Larger Figma frames (desktop/tablet size) are treated as web layouts. Tablet-specific Flutter support is not currently planned.
Use Code View (web only) to add environment variables. Integration secrets (Supabase, Stripe, etc.) are managed through the integrations panel in project settings. See Code View.

​
Troubleshooting and Known Issues

Common causes include unpushed migration scripts, a paused Supabase project, or incorrect redirect URLs.See Troubleshooting for step-by-step fixes, or check Push Migration Scripts and Redirect URLs.
Check your plan’s screen limit, Figma link permissions, and design guidelines. See Troubleshooting for detailed steps or Figma Design Guidelines.
This occurs when the Figma link is already associated with another Rocket project. Use a different Figma file or upgrade your plan. See Troubleshooting.
Your app likely needs a backend database connection. Connect Supabase and push the migration scripts using the Push to Supabase button that appears in the UI.See Troubleshooting or Supabase Integration.
Check your registration email, Supabase redirect URLs, and social auth configuration. See Troubleshooting for detailed steps.
Wait 1-2 minutes for the build to complete, then refresh the preview. If issues persist, use the /fix command. See Troubleshooting.
This is usually a temporary network or caching issue.Try:
  • Refreshing the page
  • Clearing your browser cache
  • Waiting a few moments and trying again
If the issue persists, email support@rocket.new or post in #rocket-support on Discord.
Email support@rocket.new or join the Discord community here and post in #rocket-support.

​
Account, Privacy, and Community

Access account settings from the dashboard menu. You can update your display name, location, and other personal information. See Account Settings.
Privacy by plan:
  • Paid plans: Your projects are never used for AI training. You can set projects to private in Project Settings > Visibility to exclude them from the Rocket showcase.
  • Free plan: Projects are public and may appear in the Rocket showcase. They may be used to improve Rocket’s AI.
To make a project private, go to Project Settings > Visibility (web only, paid plans). Private projects are excluded from the Rocket showcase. See Project Visibility.
Yes. Join the active Rocket community on Discord to share projects, get help, ask questions, and connect with other builders.Visit here. For support, post in the #rocket-support channel.
Explore these resources:
To permanently delete your account, send a request to support@rocket.new. Include your registered email address.Your account and all associated data will be permanently deleted within 48 hours.
Check the Changelog for weekly updates on new features, improvements, and fixes. See Changelog.

​
Features in Development

Not yet. Rocket currently supports one-way transfer from Rocket to GitHub. Full repository import and two-way synchronization are being developed. See GitHub Integration.
You can add new screens from an updated Figma file, but updating existing screens is not fully supported yet. This feature is under development.
Not at this time. You will need to manage TestFlight distribution through your Apple Developer account.Download your Flutter code and follow Apple’s TestFlight setup. See Apple Store Guide.
Not yet. Currently, you can download APK files for Android. IPA download for iOS is coming soon.For now, download source code and build locally in Xcode. See Download App.

​
Still have questions?

Cannot find what you are looking for? We are here to help.

Email Support

Reach us at support@rocket.new for direct help.

Get the most out of Rocket

Learn best practices and tips to build faster and smarter.

Video Gallery

Watch video tutorials and walkthroughs.

Join Discord Community

Connect with other builders and get community support.