Learn HTFlow
Step-by-step guides to help you master AI-powered website generation and Webflow integration.
Getting Started
Quick Start Guide
Create your first AI-generated section in under 5 minutes
Understanding AI Credits
Learn how credits work and optimize your usage
Account Setup & Settings
Configure your workspace and preferences
Webflow Integration
Installing the Webflow App
Set up HTFlow in your Webflow Designer
Copy to Webflow Workflow
Generate sections and paste directly into Webflow
Importing CSS Classes
Transfer your styles to Webflow automatically
Image Asset Management
Import generated images to Webflow assets
AI Generation
Writing Effective Prompts
Get better results with prompt engineering tips
Using Reference Images
Upload designs to guide AI generation
Iterating on Designs
Refine generated sections with follow-up prompts
Model Selection Guide
Choose between GPT and Gemini for different tasks
IDE & Extensions
VS Code Extension Setup
Use HTFlow directly in Visual Studio Code
MCP Integration for Claude
Connect HTFlow to Claude Desktop
Chrome Extension Guide
Extract designs from any website
Advanced Features
Building Full Websites
Create multi-page sites with consistent styling
Style Guide Generation
Create design systems for your projects
Team Collaboration
Share workspaces and manage team access
Ready to start building?
Put your knowledge into practice. Create your first AI-generated website today.