Does it use templates?

No. Each site is designed from your references and description, with its own design system. There's no template library behind it.

Can I control the fonts and colours?

Yes. Name them in your prompt, show them in a reference, or change them on the canvas afterwards. Fonts come from Google Fonts.

Can I edit the tablet and phone layouts separately?

Yes. Switch to a breakpoint and change anything; the change applies to that width and narrower, and a dot shows what's overridden.

Can I import my own Figma design?

Not into the AI builder. Give it screenshots of your design as references instead, and it designs in that style.

AI website builder for designers

An AI website builder that designs from your references

FNJ's AI website builder starts where designers start: references. Add screenshots or links of work you admire and it builds a design system (palette, type scale, spacing and reusable styles) and lays out every page at desktop, tablet and phone. You refine it on a visual canvas like a design tool, then export production code.

Start building Watch a demo

A design system, not a template

Before it lays out a single section, the builder plans the site: pages, palette, a pair of typefaces from Google Fonts, and reusable styles for headings, body text, buttons and containers. Every section it builds uses those styles, so the site holds together and changes stay consistent.

Steer the direction with the style picker (Let AI decide, Clean minimal, Sleek dark), or let your references set it.

Three breakpoints, side by side

Desktop (1440px), tablet (810px) and phone (390px) artboards sit side by side on the canvas. Each breakpoint stores only its overrides, so a change on desktop flows down until you override it on a smaller width.

Your hands on the last 10%

Select any element and change its text, spacing, size, colour, radius or image in the inspector, or ask the agent in plain words. Upload your own photos anywhere an image is used. Undo works per prompt from the chat and step by step with Ctrl+Z.

FNJ's AI website builder at a glance

Starts from: Your description plus up to 3 references: screenshots or links of sites you like
Designs: Every page at desktop (1440px), tablet (810px) and phone (390px) widths
Editing: Ask for changes in plain words, or edit any element by hand on the canvas
Export: A Next.js project, static HTML, or a push to your own GitHub repository
Hosting: Yours: Cloudflare Pages, Vercel, Netlify or any static host. No FNJ runtime in the code
Price: From $25/month, or $29 once for 50 credits that never expire
AI account: None needed: FNJ runs the AI for you, no API key or AI subscription

How it works

01
Show and tell
Add up to 3 screenshots or links of sites you'd like yours to look like, then say what the business is and which pages you need.
02
Watch it build
The AI builder plans the pages, palette and type, then builds each page on the canvas, section by section, while you watch.
03
Refine and ship
Ask for changes in plain words or edit by hand, then download the code or push it to your GitHub.

For designers: questions

Does it use templates?: No. Each site is designed from your references and description, with its own design system. There's no template library behind it.
Can I control the fonts and colours?: Yes. Name them in your prompt, show them in a reference, or change them on the canvas afterwards. Fonts come from Google Fonts.
Can I edit the tablet and phone layouts separately?: Yes. Switch to a breakpoint and change anything; the change applies to that width and narrower, and a dot shows what's overridden.
Can I import my own Figma design?: Not into the AI builder. Give it screenshots of your design as references instead, and it designs in that style.

More from the AI website builder

See the AI website builder and a live demo

Show it a site you love. Get yours.