DocsGetting StartedIntroduction

Introduction

Get started with Draftly — the AI-powered web design platform.

What is Draftly?

Draftly is an AI-powered platform that generates production-ready websites from natural language descriptions. Our AI has been trained on 10,000+ world-class web designs, enabling it to produce layouts that are professional, modern, and beautifully balanced.

Unlike generic AI tools, Draftly understands design patterns, typography, color theory, and spatial hierarchy. The result is clean, semantic HTML with Tailwind CSS — code that developers actually want to work with.

Key Features

•3D Website Builder — One prompt → cinematic still, motion video, extracted frames, and scroll-synced HTML

•Motion — Veo 3.1 Fast (Google) by default on paid plans; optional LTX 2.3 Fast via fal.ai with your `FAL_KEY`

•Hero imagery — Seedream and optional Nano Banana models on higher tiers

•Export — Production HTML and ZIP (by plan); optional GitHub push where enabled

•Design presets — Industry templates to speed up the first draft

•Iteration — Refine layout, copy, and motion through chat

How It Works

1.Describe — Enter a natural language description of your website

2.Generate — Our AI creates a production-ready interface

3.Iterate — Chat with AI to refine colors, layout, content

4.Export — Download HTML/CSS or deploy directly

The entire process takes seconds, not hours. Each generation produces clean, semantic code with proper accessibility attributes and responsive design.

System Requirements

Draftly runs entirely in the browser. No local installation is required for the core platform.

Browser Support: - Chrome 90+ (recommended) - Firefox 88+ - Safari 14+ - Edge 90+

For Local AI Server (optional): - Python 3.10+ - NVIDIA GPU with 4GB+ VRAM - CUDA 11.7+

NextInstallation