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

•AI Website Generation — Generate complete websites from prompts

•Visual Studio — Node-based workflow editor for AI media pipelines

•Multi-Model Support — Access Gemini, Flux, Stable Diffusion, Veo 3.0, and more

•Full-Stack Export — Clean HTML + Tailwind CSS output, ready to deploy

•GitHub Integration — Push generated projects directly to GitHub

•Design Presets — Jump-start with industry-specific templates

•Real-time Iteration — Chat with AI to refine your designs

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