Docs · Start
Getting started
Create a FIVE STACK account, choose a workflow and an AI model, and generate your first FiveM, RedM, Roblox or web project — free on the Starter plan.
FIVE STACK is an AI-powered code generation platform that turns Figma designs and prompts into production-ready scripts and apps. It is built for FiveM, RedM and Roblox developers, and the same tools cover web projects and Discord bots. This guide takes you from sign-up to your first generated project.
1. Create an account
You need an account to use FIVE STACK. Sign in at fivestacks.dev/login — sign-in uses Discord, so your account is set up from your Discord profile (email address, display name and profile picture).
Every account starts on the free Starter plan. No payment details are required.
| Starter plan | |
|---|---|
| Price | $0, forever |
| Credits | 50 per month |
| Models | 30+ free AI models |
| Output | HTML + Tailwind |
| Included | Live preview, download as ZIP, community support |
When you need more, compare the plans — Pro adds all frameworks, Figma import and full-stack generation.
2. Choose a workflow
Every project starts from one of five workflows:
| Workflow | What it does |
|---|---|
| Figma to Frontend | Convert a Figma file to frontend code |
| Figma to Frontend + Backend | Convert your Figma design to frontend & backend code |
| From Scratch · most used | Build a script entirely with prompts |
| Discord Bot · new | Build a Discord bot with Python or Node.js |
| Make it Responsive · new | Upload your code and make it fully responsive |
Not sure? From Scratch is the most used starting point. More on each workflow →
3. Pick a model
FIVE STACK connects to 40+ AI models — Claude, GPT, Gemini, Grok, DeepSeek and more. Each generation uses credits, and the cost depends on the model: free models cost 1–3 credits, so your 50 monthly Starter credits go furthest there. See Models & credits for the full table.
4. Describe what you want
Say what the resource should do, which framework it targets and whether it needs a UI. The more specific the prompt, the less you have to fix afterwards. Two prompts in the style FIVE STACK is built for:
ESX vehicle garage with NUI — vehicle spawning, storage and an impound.
QBCore mechanic job with a repair UI, a parts system and billing.
FIVE STACK's models work from more than 600,000 indexed FiveM scripts, RedM files, UI designs and framework references, so naming your framework (ESX, QBCore or QBX) helps them follow the right conventions.
5. Preview, refine and export
Your project renders in the live preview while the AI writes each component and file. When you are happy, download it as a ZIP and drop it into your server or project.
On Pro and above you can keep refining the same project with AI iterative edits instead of starting over.
Next steps
- Workflows — which starting point fits your project
- Figma to Code — from design file to working UI
- Frameworks & templates — Next.js, Nuxt, React, Vue, HTML and ready-made ESX, QBCore and QBX templates
- Questions? Ask the community on Discord