How to Use Visily

Getting started with Visily

In this guide, you'll learn how to quickly set up Visily and create your first interactive prototype from a sketch. By the end, you’ll be able to turn simple ideas into impressive designs without needing advanced skills.

Step 1: Sign up and set up

1. Go to Visily's website.
2. Click on the Sign Up button in the top right corner.
3. Enter your email and create a password, or sign up using Google or GitHub.
4. Confirm your email address if prompted.
5. Once logged in, you'll be taken to the dashboard where you can start your projects.

Step 2: Your first prototype

1. On the dashboard, click on the New Project button.
2. Select Create from Sketch.
3. Upload a photo of your sketch by clicking on the Upload button or dragging and dropping the image.
4. Once uploaded, Visily will analyse your sketch and convert it into a digital prototype.
5. You can then edit elements by clicking on them; adjust size, colour, or text through the right-hand properties panel.
6. Click on the Preview button to see your prototype in action.

Step 3: Get better results

1. Use the Design Library on the left sidebar to add pre-built components like buttons, forms, and icons to your prototype.
2. Experiment with the Auto Layout feature to arrange elements neatly. Click on the Layout button in the properties panel.
3. To enhance interactivity, use the Link feature to connect screens. Select an element, click on the Link icon, and choose the destination screen.

Pro tip

Use the Screenshot Import feature to generate designs from existing applications or websites. This can save time by providing a base layout that you can customise.

Common mistake to avoid

Many users forget to click the Save button after making changes. Always save your work regularly to avoid losing any progress.