Skip to main content

​
What you’ll build

A fully responsive, production-ready website — deployed to a live URL with a custom domain — built entirely by describing what you want in natural language.

​
Before you start

1

Create a Workshop account

Sign up at app.workshop.ai (free tier available). Workshop Cloud is the fastest path for websites, but Workshop Desktop works too.
2

Gather your reference material

Screenshots, URLs of sites you admire, brand colors, logos, and copy. The more context you give Workshop, the better the result.

​
Step-by-step flow

1

Describe your website

Start a new conversation and tell Workshop what you want. Be specific about the type of site, its sections, and the audience.Example prompts:
  • “Build a SaaS landing page with a hero section, feature grid, pricing table with monthly/annual toggle, testimonials, and an email waitlist form.”
  • “Create a portfolio site with a filterable project gallery, about page, blog with markdown support, and a contact form. Use a minimal, modern design.”
  • “Build a restaurant website with a browseable food menu organized by category, reservation booking form, photo gallery, and location map.”
2

Iterate on the design

Review the live preview and refine. You can ask Workshop to change specific sections without rebuilding the whole site.
  • “Make the hero section taller with more whitespace.”
  • “Change the color scheme to navy and gold.”
  • “Add a dark mode toggle.”
  • “Make the pricing cards stack vertically on mobile.”
3

Add interactivity and integrations

Go beyond static pages. Workshop can wire up forms, animations, and third-party services.
  • “Connect the contact form to send emails via a backend endpoint.”
  • “Add smooth scroll animations when sections come into view.”
  • “Add a blog section that loads posts from markdown files.”
4

Publish your site

When you’re happy with the result, publish it with one click on Workshop Cloud. You’ll get a shareable URL immediately, and you can connect a custom domain in settings.

​
Tips and best practices

Tell Workshop about sites you like: “I want the layout to feel like Linear’s homepage — clean, lots of whitespace, monospace accents.” References give Workshop a strong design direction.
Don’t try to perfect the whole site in one prompt. Get the overall structure right first, then refine individual sections. This gives you more control and better results.
Ask Workshop to show you the mobile view: “Show me how this looks on a phone.” Catching layout issues early is much easier than fixing them at the end.
Workshop can generate placeholder text, but your site will be much stronger if you provide real headlines, descriptions, and CTAs. Paste your copy directly into the chat.
Ask Workshop to follow accessibility best practices: “Make sure all images have alt text, use semantic HTML, and ensure the contrast ratio meets WCAG AA.”

​
Next steps

Start Building Free

Describe the website you want and watch it come to life.