<p>Published on <a href="https://blog.prototypr.io/introducing-drag-and-drop-2-0-d8140e12b19a?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Yutaka Ishii </p>
<h4>Now STUDIO has been updated for you to have more smooth designing system.</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*snvjmz0NW4CWZYpkWqOsPA.png">Drag &amp; Drop 2.0</p>
<h3>1. Improved operability of Drag and Drop.</h3>
<p><img alt="" src="https://cdn-images-1.medium.com/max/640/1*7GxH8Jy0kcoavgMF32hhXQ.gif"></p>
<p>Until now, we were experiencing many cases where by using Drag and Drop feature, the designs were collapsing and also were placed at unintentional places.</p>
<p>To resolve this issue, we updated the Drag and Drop feature to automatically determine the parent-child relationship of the element and preventing the design collapse by explicating the location of the element in the display.</p>
<p>As a result, now you are able to use Drag and Drop feature more smoothly and efficiently.</p>
<h3>2. Enjoy the moment — More simple and design oriented UI</h3>
<p><img alt="" src="https://cdn-images-1.medium.com/max/640/1*js57DhzgtJCe5Bee7mrJtg.gif"></p>
<p>Left Tool panel will now be hidden and will appear<strong> only when you need it</strong>.</p>
<p>If you want to add an element, bring the cursor to the left for the Left Tool panel to appear and it will automatically hide when the operation ends.</p>
<p>Even when replacing the image, the image panel appears on the left by double clicking the image. When a new image is selected, the image panel is automatically retracted, resulting in no wasteful clicking operation. Also Pages and Layers will appear on “Right Panel” when the cursor to the right.</p>
<p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FbsH_em0_XI8%3Ffeature%3Doembed&amp;url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DbsH_em0_XI8&#038;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FbsH_em0_XI8%2Fhqdefault.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=youtube" width="640" height="480" frameborder="0"><a href="https://medium.com/media/f2eb79887da12950f46d1e5627f4ef8d/href">https://medium.com/media/f2eb79887da12950f46d1e5627f4ef8d/href</a></iframe></p>
<p>We are always trying to improve. Try our new update and give us a feedback!</p>
<p>Haven’t explored the STUDIO yet?</p>
<p>You can currently sign up STUDIO for free!</p>
<p><a href="https://studio.design/">STUDIO | The next generation design tool</a></p>
<p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fupscri.be%2Ff51076%3Fas_embed%3Dtrue&amp;url=https%3A%2F%2Fupscri.be%2Ff51076%2F&#038;image=https%3A%2F%2Fe.enpose.co%2F%3Fkey%3DdRXnS9Gplk%26w%3D700%26h%3D425%26url%3Dhttps%253A%252F%252Fupscri.be%252Ff51076%252F%253Fenpose&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=upscri" width="800" height="400" frameborder="0"><a href="https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href">https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=d8140e12b19a" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou"></p>
<hr>
<p><a href="https://blog.prototypr.io/introducing-drag-and-drop-2-0-d8140e12b19a">Introducing Drag and Drop 2.0</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>


Introducing Drag and Drop 2.0

Now STUDIO has been updated for you to have more smooth designing system.

Top Stories