Free prompt Get the kit
FigCraft · Antigravity · Claude Code

AI designs it. AI builds it. You ship it.

The full workflow behind my FigCraft video, plus everything after the design: a real app, with tests, installed on your phone. No coding background needed.

8 guides · every prompt · starter files · v1.0 Nov 2026

habit-tracker.figcraft · agent connected :3055
antigravity
0 elements
0
views on the video that started this kit
0
comments asking for the prompt
0
saves. People wanted to try it themselves
0
automated tests in my own app built with Claude Code, same method
Instagram @musaba186, November 2026. Results of one video, not a promise for yours.
The gap

A design is not an app.

The free prompt gets you a beautiful canvas. Most people stop there, because turning a picture into something that works, saves data, and runs on a phone is the hard part. This kit is the hard part.

Free prompt

You get a design

  • FigCraft setup
  • Connect prompt + design prompt
  • Screens on a canvas
≈ the first step of the journey
Design-to-App Kit

You get a working app

  • Design saved in a form the AI can build from
  • 11 build steps with Claude Code, each with tests
  • Data that survives reload, export and import
  • Installable on your phone, works offline
  • Online with a free public link
  • The same steps for any app idea
empty canvas → app on your phone
The workflow

Three tools. One loop.

Every step follows the same loop: the AI plans, you approve, it builds, tests prove it works, you save. That loop is what makes the result reliable, and it is what you will reuse for every app after this one.

01 / DESIGN

AI draws it live.

Antigravity takes control of FigCraft and draws a design system plus 4 screens while you watch. Then it writes down every exact color and size for the build.

Google AntigravityFigCraftfree
antigravityport 3055
02 / BUILD

AI builds it, tests prove it.

Claude Code turns the design into a React app in 11 small steps. Each step starts with a plan and ends with passing tests and a saved version.

Claude CodeReact + TypeScriptVitest
claude codestep 4 of 11
03 / SHIP

On your phone, today.

Free hosting with a public link. Install it like a normal app, and it keeps working offline.

Cloudflare PagesPWAfree plan
terminaldeploy
What's inside

Everything, in order.

Written in simple English for people who have never coded. Every guide ends with a "Done when" checklist, so you always know if you can move on.

01
SetupInstall the free tools and check each one works
30–60 min
02
Design with FigCraftConnect, design, fix, and save the design for the build
30–60 min
03
Build with Claude Code11 steps, one prompt each, tests every step
1–2 days
04
Ship itPublic link, install on your phone, offline
30 min
05
Save your AI limits10 techniques to get more done per plan
read once
06
TroubleshootingThe 12 problems people hit most, with fixes
as needed
07
Make it yoursSame steps, any app. 30 ideas included
after 04
08
Turn it into contentHow I recorded and posted the video
optional
starter/ · copy and go
habit-tracker/
├── CLAUDE.md # rules Claude reads every chat
├── AGENTS.md # same, for Antigravity
├── reference/
│ ├── SPEC.md # every rule, testable
│ ├── DESIGN.md # colors, fonts, sizes
│ └── design/ # your FigCraft screens
└── .claude/skills/
├── check-design # app vs design
└── finish-step # test, build, commit
+ prompts.txt # all prompts in order
+ checklist-ship.md
After the habit tracker

Same steps. Any app.

The habit tracker is the example, not the limit. Change the spec and the design, keep the loop. Guide 07 shows how, with 30 ideas that need no server.

Save your AI limits

Build more per plan.

The AI re-reads the whole chat every time you send a message. So one long chat gets more expensive with every message. The kit is built around short, fresh chats, one per step.

One long chat

Each message costs more

Message 20 re-reads messages 1–19 and every file.

msg 1msg 20
One step = one chat

Cost stays small

Rules live in CLAUDE.md, so each new chat starts short.

step 1step 4

Illustration: bar height = how much the AI re-reads per message. Real usage depends on files, images, and model. It makes your limit go further, not unlimited.

dom's@musaba186
Who made this

I build things with AI.

I'm dom's. I started on Roblox content, then started building real products with AI agents: an app for small businesses and a Roblox game, both with Claude Code. The FigCraft video was me showing one part of that process. This kit is the whole process.

2 daysto build my business app with Claude Code, 14 steps
285 testsin that app, written and run by the AI
119 testsin my Roblox game, also built with Claude Code
936Kviews on my most-watched Instagram reel
Pricing

Start free. Go all the way.

Try the free prompt first. If you like seeing AI draw your design, the kit takes you the rest of the way to a working app.

Free prompt
$0
  • FigCraft setup
  • Connect prompt
  • Design prompt
  • Basic troubleshooting
Get the free prompt
Design-to-App Kit
$19one-time
  • Everything in the free prompt, improved
  • 8 step-by-step guides, simple English
  • Every prompt in order (prompts.txt)
  • Starter folder: SPEC, DESIGN, rules, 2 skills
  • 11-step build with tests, deploy, install on phone
  • How to reuse it for any app + 30 ideas
  • How I recorded and posted the video
Get the kit · $19 →
🌍Fair price by country. Checkout can lower the price automatically based on where you live.
Digital download (ZIP). Secure checkout on Gumroad. Needs Claude Code (paid plan) or Antigravity.
FAQ

Questions.

No. You give one prompt per step, read the AI's plan, and check the result. Every technical word is explained the first time it appears. You do need to be comfortable installing apps and copying commands into a terminal. Guide 01 shows how.

FigCraft is free and open source. Google Antigravity has a free plan. Claude Code needs a paid Claude plan. If you don't have one, you can do the whole build in Antigravity instead: the starter folder includes the files it needs.

All three. The examples use Windows paths, and the guides show what changes on Mac and Linux.

About an hour for setup and design, then 1–2 days of short sessions for the build. It depends on your computer, your internet, and your AI plan limits.

FigCraft is still in alpha, so expect rough edges. The guide shows how to save often and recover when drawing stops in the middle.

A ZIP file with Markdown guides (open in any text editor, VS Code, or GitHub), a prompts.txt file, and a starter project folder.

The kit teaches you how to build and ship apps with AI. What you do with that skill is up to you. I don't promise income, and you should be careful of anyone who does.

Yes. DM me on Instagram @musaba186. Guide 06 also covers the 12 problems people hit most.

From empty canvas
to app on your phone.

The workflow from the video, plus every step after it.

Get the kit · $19 →
Get the kit · $19 →