Blog

22 de June de 2023

Prototype on site

Protótipo em site

Hey everyone, I'm really excited to announce that I'm now making available a zipped file that contains a PNG prototype to view right in your web browser!

The zipped file contains all the necessary resources so you can preview the prototype in your browser without any additional software. To download the file, just click on the link below written “DOWNLOAD” and follow our step-by-step instructions.

This is a very useful feature for designers, developers and other professionals who need to share their prototypes with others without having to send large files via email or other forms of file sharing.

We hope you enjoy this new feature and that it helps make your job easier and more efficient. Any questions or problems, please contact us via the comments below. Thanks!

>>> Step-by-Step <<

Time needed: 5 minutes

  1. Unzip the files

    Após fazer o download do arquivo, irá encontrar 2 arquivos, um em PNG e outro HTML.

  2. Putting your prototype together with the HTML

    Take the image of your prototype and put it together with the HTML, remember that for the image it has to have its own HTML.

  3. Edit the html

    You must change line 7 of the HTML, putting the name of your prototype image and its height.

  4. Open in browser

    Para visualizar, basta abrir o arquivo HTML no seu navegador.

Share:

Download

Others

Tips

Erro ao subir o projeto React

Erro ao subir o projeto React

View more

Usando Random

Using Random

View more

Texto com Degradê

Gradient text

View more