Newsletters > Issue #38: From Sketches Straight to Code? πŸ‘€ and Design to Developer Handoff.

From Sketches Straight to Code? πŸ‘€ and Design to Developer Handoff.


Design to developer handoff has been a challenge for many companies recently, leading tools such as Marvel and InVision to build their own handoff features. In contrast this week though, Figma opted to join forces with Zeplin instead – read more in the ‘tools section’, where you’ll also find out how Airbnb is exploring the possibility of jumping straight from sketches to code 😲✍️!

As usual, the ‘top posts’ section comes first though, which includes a couple great ideas on design/developer handoff to start with.

Happy reading and enjoy your week πŸ‘‹πŸ½

– P.s. If you haven’t noticed, Prototypr has a new P too, thanks to the talented Paul von Excite.

Top Reads This Week

7 recommended reads from our publication and beyond

1. A Framework to Create an Accessible and Harmonious Color System for Faster Design-Dev Handoff

Priyanka Godbole explains how to enable design and development teams to use colors deliberately for improved consistency across products.

Read the post

2. Bridging The Design & Development Gap

Queble say design becomes useless without the right development, and without proper design, development becomes unstable.

Read more

3. How I Taught Myself UX Design

Sarah Croughwell explains what to do when you got your degree in graphic design, but all the jobs are for UX design.

Learn design

4. 10 Signup Page Do’s and Don’ts

Shir Zalzberg offers a number of simple techniques to improve your sign up forms, many of which have been tested by major companies.

Read the post

5. Designing Funk Run for Android (Case Study)

Zack Hargett show us how he designed Funk Run – an app that helps you find nearby people to run with.

Read the case study

6. 7 Tips for Writing More Compelling Case Studies

Vivian Chung has compiled a short list of tips (in no particular order) for writing more compelling case studies.

Get the tips

7. The Life Cycle of a Map (Game Art)

Here are some things Camila Gormaz has learned the hard way when it comes to creating maps in level design.

Read the post

Tools and Guides of the Week

9 tools and guides this week

1. Sketching Interfaces

Airbnb believes that within the next few years, emerging technology will allow teams to design new products in an expressive and intuitive way, eliminating hurdles from the product development process. Check out how they’re exploring generating code from low fidelity wireframes.

Check it out!

2. InVision Design System Manager

InVision joined forces with to make InVision DSM – create and maintain design systems at scale.

Read the update

3. 280 Handpicked Gradients for Sketch

A set of 280+ hand-picked gradients packed into the comprehensive and well-organised Sketch template.

Grab the plugin

4. Webflow Interactions, Version 2.0

Check out Webflow Interactions 2.0 for designing and building web animations and interactions.

Read the update

5. Zeplin ↔ Figma integration, it’s here!

Zeplin announce that you can now export your Figma designs to Zeplin today.

Read the update

6. Collect by FontBase

Use any Google fonts in a single click! By FontBase.

Try the app

7. Responsive Screenshots

Take responsive screenshots with the click of a button.

Try the app

8. Redesigning Adobe’s File Type Icon System Language

Anny Chen delves into the thinking and process behind Adobe’s latest file type icon redesign system redesign..

Read the post

9. Balsamiq Cloud: Collaborative Wireframing

Balsamiq Cloud is the industry-leading solution for fast, approachable, collaborative wireframing.

Check it out

πŸ‘‹ Thanks for reading

Thanks for reading – send us a reply to this email if you want to make any suggestions or just let us know what’s up.

For more regular updates, follow us on Twitter and Facebook. Share with your friends, by hitting forwards.



Coming to you with <3 from Gibraltar.