Quickstart

Written By qing qin

Last updated About 1 year ago

HeyBoss

Hey Boss, what will you build today?

Visit Our Website

Access Point

  • Users can visit the HeyBoss website by entering the URL or clicking on external links.

Function

  • The website serves as the central hub for product information, documentation, account management, and customer support

Create an Account

Registration Methods

  • Account creation is supported via email or third-party services ( Google).

Security

  • Type your email and enter the verification code for a seamless, secure experience.

Enter a Prompt to Create a Project

Text Prompt

Users input descriptive text to specify the desired layout, design style, or functionalities for

The project. AI Generation

  • The AI processes the prompt and automatically generates an initial project design that can be further customized

Project Visibility Selection

Visibility Options

Users can choose the project’s visibility settings: Private (only visible to the creator), Team Shared (accessible to collaborators), or Public (visible to everyone).

Use Cases

  • Private for personal projects, and public for showcasing or open-source work. Even if the project is set to private, if you share the link with other people, they can access it.

Upload Files

File Upload

  • Users can upload assets such as images, video, and GIF.

Drag-and-Drop

  • An intuitive drag-and-drop interface simplifies the file upload and management process

Convert Design to Code

Automatic Conversion

The platform converts design elements into HTML, CSS, and JavaScript code automatically.

Editing Support

  • An integrated code editor enables users to further customize and optimize the generated code.

Templates

Pre-built Templates

  • A variety of templates are provided to suit different use cases such as e-commerce, blogs, portfolios, and dashboards.

Quick Start

  • Templates enable users to quickly start projects, saving time on design and development.

Input & Output Interaction Panel

Real-Time Preview

  • The interaction panel allows users to see real-time updates of design and layout changes as they input commands or content.

Feedback Optimization

  • AI-generated suggestions help users refine their designs immediately.

Web/APP (Platform Switch: Web/App)

Flexible Switching

  • Users can switch between Web and App development modes to ensure the project adapts to different devices.

Adaptive Layout

  • The system automatically adjusts layouts and UI elements for optimal display on the chosen platform.

Undo/Redo Operations

Operation Reversal

  • Undo and redo buttons enable users to stepwise revert or restore changes, ensuring controlled modifications.

Version Logging

  • Every change is recorded, allowing users to review and restore previous versions.

Edit Text

Text Editing

  • Allows users to modify text content and spacing.

Edit Images/Video

Image Adjustments

  • Users can update the images to meet design requirements.

Select & Modify Elements

Element Manipulation

  • Access our asset library filled with videos, photos, and GIFs to bring your projects to life.

History Tracking

Change Log

  • The system automatically saves every modification, allowing users to review the history.

Version Restoration

  • Users can select specific versions to restore, ensuring project stability.

Export Project

  • Export code as zip

Deployment Ready

  • The export feature enables users to deploy projects to servers or continue development offline.

Thumbnail Settings

Custom Thumbnails

  • Auto take a screenshot of the latest version of your product to be the thumbnail photo; or you upload your own image and use as thumbnail.

Auto-Update

  • The system may automatically generate updated preview thumbnails based on the latest project state.

Domain Settings

Custom Domains

  • Users can configure a custom domain or link an existing domain to enhance brand recognition.

Setup Guidance

  • The platform provides detailed setup instructions to ensure smooth domain binding.

Rename Project

Flexible Naming

  • Users can rename projects at any time to reflect branding adjustments or content updates.

Organizational Ease

  • Clear naming conventions help in better organizing and managing multiple projects.

Publish Project

One-Click Publishing

  • Users can publish projects with a single click, choosing between private or public visibility.

Shareable Links

  • The system generates shareable links, making it easy for users to promote their projects via social media or within their team.