Figma to website
Share the Figma file. Get a responsive, live website that matches it.
Sites built with Chatly
Every one of these is a page type the builder makes. Open one to build it.
How it works
Share the design
Paste a Figma link or export the frames. Include desktop and mobile frames if you have them, and Chatly uses both to decide how the layout should change.
Check the build
Each frame becomes a page with real text, real images and the spacing from your file. Compare it side by side with the design and fix anything by asking.
Publish
Connect a domain and publish, or export clean code. Update the design later and rebuild only the sections that changed.
Features
The file read frame by frame: spacing, type sizes, colours.
What people build with it
Designers shipping their own work
Get the site you designed live without waiting for a developer to have a free week. The build follows your file, and you change it the same way you would brief a front-end developer.
Agencies handing off to clients
Turn the approved design into a site the client can update themselves. Hand over a live link and an editor rather than a Figma file and a quote for the build.
Startups moving fast
Go from a landing page mockup on Monday to a live page collecting signups the same afternoon. When the design changes, the site changes with it.
Everything a site needs, built in
Hosting and a custom domain
Publish to an chatly.site address, then connect your own domain. SSL is handled.
Forms that go somewhere
Submissions land in Chatly, your email, a spreadsheet or your CRM, with spam filtered.
SEO, Open Graph and schema
Pages ship as static HTML with meta tags, share images and structured data from day one.
Analytics from the first visit
Visits, sources and conversions, collected without a tag manager.
Edit by clicking, or in the chat
Rewrite a headline where it sits, or describe the change and watch it land.
Your code, exportable
Drop in custom HTML, CSS or scripts, and export the static files whenever you want.
Pay for finished work
Every plan runs the same agent. The difference is how much of it you use.
Standard
$18/ month, billed quarterly
Perfect for getting started with AI
Subscribe7K credits / month
- Flash and Pro modes
- 3 concurrent agent tasks
- 2 scheduled tasks
- Connect up to 2 apps, like Gmail and Slack
- 2 knowledge bases
- Commercial usage rights
- Build and publish websites
- Create presentation-ready slides
- Deep research with citations
- Generate docs, sheets and audio
- Generate images and videos
Professional
$36/ month, billed quarterly
More credits, more room to create
Subscribe- Flash, Pro and Ultra modes
- 5 concurrent agent tasks
- 5 scheduled tasks
- Connect up to 5 apps, like Gmail and Slack
- 5 knowledge bases
- Commercial usage rights
- Build and publish websites
- Create presentation-ready slides
- Deep research with citations
- Generate docs, sheets and audio
- Generate images and videos
- AI ad creator
- AI video editor
Ultra
$183/ month, billed quarterly
Built for power users who never hit limits
Subscribe- Flash, Pro and Ultra modes
- Unlimited concurrent agent tasks
- 25 scheduled tasks
- Connect all 40+ apps
- 25 knowledge bases
- Commercial usage rights
- Build and publish websites
- Create presentation-ready slides
- Deep research with citations
- Generate docs, sheets and audio
- Generate images and videos
- AI ad creator
- AI video editor
- Early access to new models
Prices in US dollars; checkout shows yours in your currency. Chatly for Teams: pooled credits and shared seats, from three seats. Talk to us
Frequently asked questions
How do I turn a Figma design into a website?
Share the Figma link or frames with Chatly. It reads the layout, text, colours and images, builds responsive pages from them, and publishes the result on a link or your own domain.
Do I need mobile frames?
No, but they help. Without them Chatly decides how each section stacks on smaller screens; with them it follows your mobile design.
Will it use auto layout and components?
Yes. Auto layout informs how sections flex and wrap, and components become reusable pieces of the site so they stay consistent.
Can I export the code?
Yes. Export HTML and CSS or React components, or keep the site hosted on Chatly and edit it there.
Can I update the site when the design changes?
Yes. Share the updated frames and Chatly rebuilds the sections that changed, leaving any content edits made on the site in place.
Chatly on your phone and your Mac
Chatly for iPhone
Brief a site on the train, approve the plan, and watch it publish. Every project you start here is on your phone.
Coming soon to the App Store
Chatly for Mac
The builder on your desktop, with the files, screenshots and Figma frames you already have to hand.
Download for macOS
