large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

From Design System to ‘NFT Design System’: Creating TinyFaces

Neurodiversity and Inclusion: Choosing Kinder Design

medium_652ccf22c8853584bde5553986a4eed0.png

small_652ccf22c8853584bde5553986a4eed0.png

thumbnail_652ccf22c8853584bde5553986a4eed0.png

Web5 is here. Goodbye Web3? TBD.

<ol>
<li>Create wireframes ?  2. Add interactions to create flows ?  3. Share your prototype</li>
</ol>
<hr />
<h2>1. Create wireframes</h2>
<ul>
<li>Use drag and drop components to quickly create mid to hi-fi wireframes:<br />
<img class="alignnone" src="https://media.giphy.com/media/l0HlLKLOtJxfTYWru/giphy.gif" width="544" height="303" /></li>
</ul>
<hr />
<h2>2. Add interactions to create flows</h2>
<ul>
<li>Add real links to elements such as buttons:<img class="alignnone" src="https://media.giphy.com/media/l2SpRD9CDKQwoigwg/giphy.gif" width="539" height="324" /></li>
</ul>
<ul>
<li>When clicked in preview mode, the button takes you to the linked screen<br />
<img class="alignleft" src="https://media.giphy.com/media/26ufa5r66enqlC3KM/giphy.gif" width="215" height="339" /><img class="alignnone wp-image-2264" src="http://www.prototypr.io/wp-content/uploads/2016/09/Screen-Shot-2016-09-06-at-22.15.25.png" alt="Screen Shot 2016-09-06 at 22.15.25" width="340" height="247" srcset="https://prototypr-media.sfo2.digitaloceanspaces.com/wp-content/uploads/2016/09/13152258/Screen-Shot-2016-09-06-at-22.15.25.png 800w, https://prototypr-media.sfo2.digitaloceanspaces.com/wp-content/uploads/2016/09/13152258/Screen-Shot-2016-09-06-at-22.15.25-300x217.png 300w, https://prototypr-media.sfo2.digitaloceanspaces.com/wp-content/uploads/2016/09/13152258/Screen-Shot-2016-09-06-at-22.15.25-768x556.png 768w, https://prototypr-media.sfo2.digitaloceanspaces.com/wp-content/uploads/2016/09/13152258/Screen-Shot-2016-09-06-at-22.15.25-600x434.png 600w" sizes="(max-width: 340px) 100vw, 340px" /></li>
</ul>
<h2></h2>
<hr />
<h2>3. Share your prototype</h2>
<ul>
<li>Export to HTML<br />
<img class="alignnone" src="https://media.giphy.com/media/l3vRlWmlPe68askTu/giphy.gif" width="373" height="276" /></li>
</ul>
<ul>
<li>You can share using a Justinmind account or on mobile devices using their app:<br />
<img class="alignnone" src="https://media.giphy.com/media/l3vRo0wgMzIrg7DXO/giphy.gif" width="439" height="226" /></li>
</ul>


3 Step introduction to Justinmind

3 Step introduction to Justinmind

1. Create wireframes

2. Add interactions to create flow…

Top Stories