How to Create Wireframes Quickly Using Claritee

Here's how to create wireframes quickly using Claritee:

1. Start at the main screen
   • Enter an existing room or create a new one
2. Create a new room
   • Name your room (e.g., "New room")
3. Create a new project
   • Choose project type (e.g., website)
   • Select a category (e.g., AI assistant)
   • Enter a prompt (e.g., "local cake shop")
4. Generate the sitemap
   • Review the visual sitemap and hierarchy of pages
5. Select a page to wireframe
   • Enter the desired page (e.g., homepage)
6. Customize the layout
   • Modify AI-generated sections as needed
   • Resize elements (e.g., make headings bigger)
   • Add new elements (e.g., images, text)
   • Use keyboard shortcuts for efficiency (e.g., Ctrl+D or Cmd+D to duplicate)
7. Utilize prebuilt sections
   • Search for specific components (e.g., contact form)
   • Add them to your wireframe
8. Add images
   • Use Unsplash integration to search for images
   • Drag and drop images into your wireframe
9. Fine-tune your design
   • Adjust section heights
   • Resize individual elements
   • Use the top menu to modify element properties
   • Zoom in and out as needed
   • Center your view using the resize button
10. Rearrange sections
    • Use arrow buttons to move sections up or down
11. Add icons
    • Browse the icon library and add as needed
12. Work on additional pages
    • Return to the sitemap
    • Select another page to wireframe
    • Use "Generate with AI" for a quick starting point
13. Review and refine
    • Adjust AI-generated layouts as necessary
14. Repeat the process for all required pages