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.

<p><a href="http://ift.tt/2owrTo8">medium bookmark / Raindrop.io</a> |  </p>
<div>
<div>
<div>
<div>
<div><a href="http://ift.tt/2nyMnHO"><img src="http://ift.tt/2owou8L" alt="Go to the profile of Luc Chaissac"></a></div>
<div><a href="http://ift.tt/2nyMnHO">Luc Chaissac</a></p>
<p>Co-Founder @wearemuxu | I’m always learning and love to help. Say hi! ??</p>
</div>
</div>
</div>
</div>
</div>
<div>
<div>
<div>
<div>
<div>
<div><img src="http://ift.tt/2nyIqD5" alt="1*ntEs_HNslymTd_rh3vqL5Q.png"></div>
</div>
<p>It’s a familiar scenario for any designer: file-conflict fiascos, Dropbox disarray and a veritable minefield of modifications with no clue has to who has changed what, nor why. Even in the first months of <a href="https://muxumuxu.com/">Muxu.Muxu</a>, we had started to encounter these all-too-familiar problems, and the resulting difficulty of communicating around our design decisions. I decided to call time before this started to affect our efficiency, or worse, trickle down to the client.</p>
<p>I first heard about Abstract whilst working on <a href="https://latticehq.com/">Lattice</a>’s landing page thanks to <a href="https://twitter.com/erondu">Jared Erondu</a>. We’ve been using it for about two months now. <a href="http://ift.tt/2ex46eY">Abstract</a> is a tool that enables designers to version their work. Put simply, it’s Git for designers and lets you view the modifications that have been enacted in a given design. The makers at Elastic Projects Inc. call it the versioning tool that ‘redesigns the design process’ by helping you to better manage your designs and how they relate to the rest of the organisation.</p>
<p>This represents a huge step forward: designers tend to work with an enormous shared Dropbox folder, and never know the changes present in each file. If ever you need to find a particular file containing a specific version, pre or post certain changes, that system is a nightmare! As with an SVN or Git, with Abstract you can create branches, commit your work and make the equivalent of a pull request. Using Github had not been a feasible part of our workflow before because it would have meant going via the terminal or an external application. Abstract integrates with Sketch, so once a design is finished you just click ‘commit’ at the bottom of the page.</p>
<div>
<div><img src="http://ift.tt/2nyWaxP" alt="1*JT-4dFIeNHTPtZ_tRy7bPQ.png"></div>
</div>
<p>Before Abstract, we too were using Dropbox for our Sketch files. Each important version containing major changes was saved as 1A for example, and minor changes under that version as 1B, 1C, 1D etc. For the next major change, we started again with 2A, modifying in versions 2B, 2C, 2D and so on. We never knew what asset or font had really changed within a given file. For the dev team it was never clear what changes they should integrate. Plus, they had to download the Dropbox file so as not to accidently edit it.</p>
<div>
<div><img src="http://ift.tt/2owrAcR" alt="1*PKLOtuXXdt7ZcASYqcHHkw.png"></div>
</div>
<p>With Abstract, our work is more precise and our workflow is significantly more efficient. We first do the wireframe, and create a branch in which we put all the different versions for web and mobile. This gives us a clearer vision over who does what: via Slack notifications we know what fellow designer Damien is working on for example, and we don’t need to disturb him. We can review the commit directly on Abstract.</p>
<p>Once a given page is ready for review, we put it in the dedicated awaiting-review branch. Damien or I can directly view the modifications, validate the design and merge it back with the master branch, à la Git. As soon as we want to add a new feature, we create a new branch and often have several branches open at once.</p>
<div>
<div><img src="http://ift.tt/2nyFpmh" alt="1*Ir0I3yuT-5DHG68naN9rtA.png"></div>
</div>
<p>Whilst still at <a href="http://azendoo.com/">Azendoo</a>, we wanted to restore a previous version of the landing page. But we didn’t know the date of the latest modifications. Dropbox syncs automatically, and you can access all the versions in the file history. The problem is that you don’t know the changes present in each file. We finally found the right version — after 3 hours! The time we might have gained by not starting the design from scratch was lost to trawling through the Dropbox sprawl. With Abstract, you simply save your designs to your local repo and then push once you are ready to do so. Saving is an active decision when the work is finished, and the name of the commit can help you in the future to locate what you are looking for.</p>
<p>Currently you can only compare the before and after of a given commit by manually moving up and down the commit history. However, there is a more sophisticated ‘compare’ function in the pipeline which will make this element of the workflow that bit smoother. Abstract are also planning to make integration of Adobe file formats possible soon.</p>
<p>At Muxu.Muxu we are big fans of Abstract: the tool has truly revolutionised the way in which we work. It is really important to know who is working on what, and Abstract makes communicating around design decisions much easier. Time is no longer wasted on dealing with conflicting files: a whole part of our former workflow has been eliminated, clearing the way for stimulating discussion. Now the dev team can inspect our designs on Abstract without having to open Sketch, Atomic or InVision, and we can concentrate on their feedback.</p>
<p>As designers, we can execute better and faster, focussing on design rather than on managing files. We are much more accountable for our work, because we know that any team member can go and look at any version of any modification and in any file! Using <a href="http://ift.tt/2ex46eY">Abstract</a> has professionalised the whole process, and raises the bar for the quality of our output. That pushes us to be even more demanding with ourselves.</p>
</div>
</div>
</div>
<div>
<hr>
<div>
<div>
<p><em>Article written by the amazing </em><a href="https://twitter.com/emilyfiennes"><em>Emily Fiennes</em></a><em> ✨</em></p>
</div>
</div>
</div>
</div>
<div><a href="http://ift.tt/2owrTo8">http://ift.tt/2owrTo8</a></div>


Abstract, and the design workflow revolution – Muxu.Muxu – Medium

Abstract, and the design workflow revolution – Muxu.Muxu – Medium

Top Stories