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 Project Setup Options.
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 like Visual Edit, Commands, Figma import, and code download are web-only. See Platform Differences for the complete comparison.

​
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 Overview, Slash Commands, and @ Commands.
Visual Edit lets you click and modify any element in your app’s preview without writing code. It’s 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 Web Preview and Mobile Preview.
Refresh the page and wait 1-2 minutes for the build to complete. If changes still don’t 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 sync to GitHub but cannot edit directly. See Code View.
Ensure you’re 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. Mobile apps (Flutter) and web apps (React/Next.js) use different tech stacks. You need to start a new project for each platform type.
Rocket offers push notifications (web and mobile) and audio notifications (web only). On web, go to Account Settings > Notifications to toggle push and audio notifications. On mobile, open Settings from the footer bar and toggle notifications ON. See Notifications.

​
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’s 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 Pricing.

​
Integration and API Setup

Rocket includes built-in integrations for Supabase, GitHub, Netlify, Stripe, Twilio, Resend, Google Analytics, AdSense, Figma, OpenAI, Anthropic, Gemini, and Perplexity. Access integrations from your project settings. See Integrations Overview.
Rocket provides deep Supabase integration. You can create a new Supabase project or connect an existing one directly from project settings. Rocket automatically configures authentication, database tables, storage buckets, and more. Learn more: Supabase Integration and Using Supabase.
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 code sync to push your project to a GitHub repository. You can create new repos or push to existing ones. 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 Platform Differences.
The import may not have completed. Reopen Add APIs and re-import. Verify you’re 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 isn’t 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.

​
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. Code download is available for paid users on web browser only. Use Code View to download your complete project as a .zip file. See Code View and Platform Differences.
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. Paid plans let you set apps to private from Project Settings. Private apps are excluded from the showcase and AI training. See Project Visibility.
It’s 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 sync to GitHub but editing is limited. See Code View.
Browse templates by category during project setup, or ask Rocket to suggest templates in chat (e.g., “Show me dashboard templates”). Templates are pre-built apps you can customize immediately. 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 feature in the chat. You can ask Rocket to “revert to the previous version” or “undo the last change” to restore earlier states of your app.
Supported technologies:
  • Web apps: React, Next.js
  • Mobile apps: Flutter (iOS and Android)
  • Backend: Supabase (PostgreSQL database, authentication, storage, edge functions)
  • Hosting: Netlify for web deployment

​
Plans, Tokens, and Billing

Tokens are Rocket’s in-app currency. They’re 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 don’t 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’re refueling often, upgrading provides better value. See Pricing.
Yes. Upgrades take effect immediately with prorated charges. You receive additional tokens right away. Downgrades are scheduled for your next billing cycle. You keep your current token balance until then.Manage plans at Settings > Subscription (web only). 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 won’t be able to generate new code or make chat edits once tokens are depleted. See Subscription Management.

​
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 isn’t working”). Use the /fix command for Rocket-detected errors (free for paid users). See Web Preview and Mobile 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 sync 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:
  • Supabase migration scripts not pushed successfully. Check the migrations panel and push them
  • Supabase project is paused. Reactivate it in your Supabase dashboard
  • Incorrect redirect URLs for authentication. Update them in Supabase settings
See Push Migration Scripts and Redirect URLs.
Check these common issues:
  • Plan limits: Starter plan supports 2 screens, upgrade for more (up to 25 screens on Booster)
  • Figma permissions: Ensure the link has view access enabled
  • Design guidelines: Complex designs may need adjustments. See Figma Design Guidelines
  • Rate limits: If you hit Figma API limits, see Rate Limit Errors
This occurs when the Figma link is already associated with another Rocket project. You can either use a different Figma file or upgrade your plan to sync additional screens from the same file.
Your app may not be connected to a backend database. To make your app dynamic with real data, connect Supabase and ensure migration scripts are pushed. See Supabase Integration.
Common fixes:
  • Verify the email address used for registration
  • Check Supabase redirect URLs match your app URLs. See Redirect URLs
  • Ensure social auth providers are properly configured. See Social Auth
  • Try disconnecting and reconnecting the integration
Troubleshooting steps:
  • Wait 1-2 minutes for the build to complete
  • Refresh the preview panel
  • Check chat for generation errors
  • If issues persist, use the /fix command or ask Rocket to regenerate
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, contact support.
Email support@rocket.new or join the Discord community at discord.gg/rocket and post in #rocket-support. See Contact Support.

​
Account, Privacy, and Community

Access profile settings from the dashboard menu. You can update your display name, location, and other personal information. See Profile Settings.
Privacy by plan:
  • Paid plans: Projects are private by default and excluded from AI training. You control visibility settings
  • Free plan: Projects are public and may appear in the Rocket showcase. They may be used to improve Rocket’s AI
Upgrade to any paid plan for privacy and to opt out of AI training. See Project Visibility.
Paid plans can set projects to private in Project Settings > Visibility (web only). Private projects are excluded from the Rocket showcase and AI training. See Project Visibility.
Yes. Join the active Rocket community on Discord to share projects, get help, ask questions, and connect with other builders. Visit discord.gg/rocket. For support, post in the #rocket-support channel. See Contact Support.
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. See Contact Support.

​
Features in Development

Not yet. Rocket currently supports one-way code push from Rocket to GitHub. Full repository import and two-way sync 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’ll 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?

Can’t find what you’re looking for? We’re here to help.

Contact Support

Email us at support@rocket.new or join Discord for 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.