Documentation

Getting Started

Introduction

Welcome to FrameWeave AI, your AI-powered UI generation tool. This guide will help you get started with creating amazing user interfaces using our platform.

Generating Your First UI

  1. Log in to your FrameWeave AI account
  2. Click on the "New Project" button
  3. Use the prompt input to describe your desired UI
  4. Click "Generate" and watch as AI creates your UI
  5. Refine and iterate on the generated UI as needed

Prompting Dos and Don'ts

The Best Language for Prompts

When writing prompts for FrameWeave AI, use clear, specific language. The more detailed your prompt, the better the results.

General Tips

  • Remember you can attach screenshots when creating!
  • Be very specific - the longer the better
  • Use keywords; no need for filler words like "I want" or "a component for"

Examples

Don't: Use short prompts

"landing page"

Do: Be specific and use keywords

"Landing page for B2B SaaS app that helps people find the best deals on flights. It should have a hero section, and list features such as earning credit card points."

Don't: Be vague

"features on website"

Do: Clarify your UI and specific content

"Cards with a border, title, description that list my 3 features: self-serve integrations, premium support, and custom branding"

Don't: Make it think too much

"checklist with 4 sections with 3 tasks each showing progress"

Do: Rephrase in a way to be clear what you want

"four sections with 3 checkboxes each. There should be a progress bar for each section that changes, according to the number of checkboxes checked"

Don't: Omit names of specific components or variants

"a box for checks in a list"

Do: Mention specific components

"Three checkboxes in a list with the primary variant"