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.