Documentation
Flex
Getting Started

Getting Started with
Flex

Welcome to Flex! This guide will walk you through everything you need to know to create your first AI-powered website or application. Let's get you building in minutes, not hours.

1

Create Your Account

Getting started with Flex is simple and free. Visit our homepage and click "Get Started" to create your account.

You can sign up using:

Email and password
Google account
GitHub account

Once you've verified your email, you'll have immediate access to the Flex dashboard with your free Starter plan.

💡 Pro Tips

  • •Use a professional email for better organization
  • •Enable two-factor authentication for security
2

Explore the Dashboard

Your dashboard is mission control for all your Flex projects. Here's what you'll find:

**Projects Overview**: See all your projects at a glance
**Quick Actions**: Start new projects with different methods
**Usage Stats**: Track your AI generations and project limits
**Recent Activity**: Keep up with your latest changes

Take a moment to familiarize yourself with the interface before creating your first project.

💡 Pro Tips

  • •Bookmark your dashboard for quick access
  • •Check out the quick actions for different project types
3

Create Your First Project

Ready to build something amazing? Click "New Project" and choose your approach:

**From Prompt** (Recommended for beginners)

Describe what you want to build in natural language. For example:

"Create a modern landing page for my photography business"
"Build a dashboard for tracking fitness goals"
"Make a portfolio website with dark theme"

From Template

Browse our curated collection of professional templates and customize them to your needs.

Import Design

Upload screenshots or design files to recreate existing designs.

💡 Pro Tips

  • •Be specific in your prompts for better results
  • •Start simple for your first project
  • •You can always iterate and improve
4

Customize Your Creation

Once Flex generates your project, you can customize every aspect:

Design Customization

Colors, fonts, and spacing
Layout and component arrangement
Images and content

Functionality

Add or remove features
Integrate with external services
Set up forms and interactions

Content Management

Edit text and copy
Upload your own images
Organize sections and pages

Use the visual editor to make changes in real-time and see results instantly.

💡 Pro Tips

  • •Save frequently while customizing
  • •Preview on different devices
  • •Use the undo/redo functionality liberally
5

Publish and Share

When you're happy with your creation, it's time to go live:

Free Hosting

Every project gets a free Flex subdomain (yourproject.flex.app) with SSL certificate included.

**Custom Domain** (Pro plans)

Connect your own domain for a professional appearance. We handle all the technical setup.

Export Options

Download your project's code to host anywhere or integrate with your existing workflow.

Sharing

Share your live project with clients, team members, or the world with a simple link.

💡 Pro Tips

  • •Test your site thoroughly before sharing
  • •Set up analytics to track visitors
  • •Consider SEO optimization for better discoverability

Ready to Build?

You now have everything you need to create amazing projects with Flex. Start with something simple and let your creativity guide you.