With Visily’s AI Chat Assistant Beta, you have access to all of Visily’s AI features in one easy-to-use interface, which help to simplify and enhance your design process. This guide will walk you through how to make the most of this powerful tool.
How to access
You can access Visily Chat AI Chatbox by the following methods:
- Clicking the “Ask AI” button at the bottom of the editor.
- Clicking the “Ask AI” button in the toolbar of containers and screens.
Once you open the chat box, it will appear as a docked panel.
How to use Visily AI Chat Assistant
Start using AI tool
To begin a new chat with our AI assistant, you can:
- Choose a feature from the welcome message.
- Click “AI Features” button at the bottom of the chat box and select a popular tool.
- Upload an image
- Or simply ask Visily AI anything directly.
Generate design from text
Simply describe the UI you want, and Visily’s Text to Design AI will generate your desired app or website based on your text descriptions.
Here’s how to use it:
- Select “Generate design from text” option in the chat box
- Type your prompt or type “/” for examples.
- Click “Send“.
- Hover on the output and select the “Preview button” to preview.
- Click “Add to board” to continue working on your design.
Convert screenshot to design
Want to tweak your current app UI or follow an inspiring design reference? Simply take screenshot and convert to editable wireframe using Visily’s Screenshot to Design AI
Here’s how to use it:
- Select “Convert screenshot to design” option in the chat box.
- Upload a screenshot of the app or website.
- Hover on the output and select the “Preview button” to preview.
- Click “Add to board” to continue working on your design.
Convert sketch to design
Visily’s Sketch to Design AI can convert your sketches of an app or website into editable wireframes. Draw your app on paper or whiteboard, then take pictures and convert them to editable wireframes.
How to use:
- Select “Convert sketch to design” option in the chat box
- Upload a image.
- Select the device type.
- Hover on the output and select the “Preview button” to preview
- Click “Add to board” to continue working on your design
Generate diagram from text
Visily’s Text to Diagram AI can help you generate user flows, process maps, and sitemaps instantly from text prompts to streamline brainstorming and collaboration.
Here’s how to use it:
- Select “Generate diagram from text” option in the chat box.
- Type your prompt or type “/” for examples.
- Click “Send”.
- Hover on the output and select the “Preview” button to preview.
- Click “Add to board” to continue working on your design.
Modify design
Want to modify text, update images, as well as add, replace, or remove elements in your current design or any generated output? Our AI Assistant is here to refine your design within a minute!
Here’s how to use it:
- Select “Modify design” option in the chat box and select the screen or container you’d like to modify.
- Click “Send”.
- Enter your modification request.
- Hover on the output and select the “Preview” button to preview.
- Click “Add to board” to continue working on your design.
Additionally, if you’ve generated any output in the chat box and want to modify it further, simply type in your request in the input field.
AI features’ credit consumption
When you utilize the AI Chat Assistant, credits are automatically deducted as soon as the output generation begins. However, if the process is canceled or unsuccessful, your credits will be refunded.
You can view your remaining credits and usage in real time on the bottom of the chat box. Each feature consumes a specific number of credits per use:
| Feature | Credit cost |
|---|---|
| Generate design from text | 30 credits / screen |
| Convert screenshot from design | 20 credits / screen |
| Convert sketch to design | 20 credits / screen |
| Generate diagram from text | 10 credits / screen |
| Modify design | This feature is early access and does not cost AI credits. |
Explore the AI Chat box
Create new chat thread
You can click the “New Chat” icon at the top of the chat box to start a new thread.
View chat history
You can access previous chat threads by clicking the “Chat History” button at the top of the chat box. Here, you’ll see a list of all your chat threads.
To view a specific chat thread, just select on it. To delete or rename a thread, click the “More” icon next to it.
Explore other AI Features
You can quickly access our popular AI tools by clicking on the “AI Features” button at the bottom of the chat box. In this menu, you can also discover other AI tools like:
- Edit Theme
- Magic Image
- Smart Table Data Fill
- Lofi / Hifi Switcher
- Color Assistant
