Working with Developers (5 Tips for Designers) | Design workflow tutorial

[@othername333]

HA! Was just about to send my designs to a developer, totally about to smack him in the face with a "TA DA" moment. Thought I would just drink my coffee and watch this vid before sending. So now I will ask him what he thinks of my solution instead of just handing my designs off to him (I don't want to be that designer). This vid was really helpful (as are all of them), thanks for doing what ya do Jesse!!

[@JesseShowalter]

Thanks so much for watching and for the encouragement 👍🏼

[@chloebailey7036]

You're comment made me lol! :) I was about to do something similar...

[@laura_vilela]

Great video, thank you! It's great to hear tips from both sides of the coin. I think your last point about actually asking developers how they like to work is really important. I always thought there was a set framework for handoff but it makes total sense to actually speak to the developers and ask how they'd like it.

[@seabreezed]

Developer here, and I agree with all of those. I'd like to add another thing though. I think generally, people don't like getting their time wasted (this is especially true for devs who are tragically allergic to inefficiencies in any form), so if designer's gonna present their design, just come prepared with a proper agenda of things to discuss (or things could go really awry), stop people from going off-topic, wrap up with key action items, and post meeting notes or recording afterwards. This will make every one so much happier. Be proactive and most importantly, BE TRANSPARENT! Make it clear what help you need and how long it might take to complete tasks. (Rather than just pop up out of months of absence with a magical design that doesn't fit technical constraints). The developers and pms are gonna be confused/panicking and designers are gonna get stuck with 100 of the same confused comments on their prototype. Anyway great video and thanks for sharing your thoughts!

[@JesseShowalter]

Hey Jenny! Thank you so much for sharing your perspective as well as some very helpful truths for us to carry into the process. Thanks for your support, hope you have a rad day! 🤘

[@carlrosati8160]

I love the idea that a developer might give any consideration to a meeting other than what they want. Beyond being left to write code, i regularly find developers to be expectant of others to go the extra mile whilst never giving any consideration to applying that to their own practice.

[@fonncatalina6464]

Come on, seriously, you deserve much more views and subs!! I'm on my journey to web development as well as improve my UIUX, I can say you are one of the best person who gave me so much practical tips on both sides! Thank you very much!

[@JesseShowalter]

Oh wow, thank you so so much Fonn Catalina, for your super kind words and support!

[@leovedere]

OMG! I wanna print this video and put into a beautiful frame on my wall! This is art!

[@afreezy2354]

Great video man! This helps a lot with a project I got coming up. What are the most useful ways in your experience to document things like padding? Things that tend to work for both parties

[@JesseShowalter]

Most great design platforms have some sort of great inspect mode, that’s my preferred way.

[@suga9470]

Great video ! Ur few of the rarest human who can design and also develop !

[@JesseShowalter]

There are more people doing both as of late.

[@suga9470]

@@JesseShowalterNice 😄. Came across very few here..!

[@RobertBradford2]

Nice. I think the first tip of caring more for the developer is what this boiled down to and I got lots of value from this.

[@JesseShowalter]

Awesome to hear. Let me know what other topics I can cover that would bring you value 👍

[@jaysuthar4801]

Wow man! You’re an amazing mentor! Thanks so much for these top tips.

[@JesseShowalter]

Dude, thanks so much! Beyond stoked to be able to help!

[@bmanq2234]

Your first tip is gold!

[@JesseShowalter]

Get it 🔥🔥🔥

[@danny4541]

That wasn't actually I was looking for but it was informative anyway.

[@JesseShowalter]

Thanks for watching anyway, Danny!

[@sammyl1853]

Hey Jesse, great video! I think the points you made are very important to understand. As the only designer on a very small team who works directly with our developer, I can attest to the importance of early and consistent communication throughout the entire design process from planning to execution. I am still struggling to find some good examples on the interwebs of design documentation. Do you know of any best practices or systems of organizing documenting? Maybe you could do a more in-depth video of how to organize & document screens and interactions to communicate with developers - I would definitely be interested to know more! Any resource recommendations would be greatly appreciated (from you or anyone who has something to share in the comments)!

[@JesseShowalter]

That's a tough topic and a great idea for a video. I hope I will do it justice

[@tarunjuluru99]

Glad, I found you on KZbin. Your videos makes complete sense. :)

[@JesseShowalter]

Thanks for the encouragement. Thanks for the support.

[@mayank_upadhyay_19]

This video is 3 years old, but I am still gonna wish you *MERRY CHRISTMAS*

[@JesseShowalter]

Merry Christmas to you, Mayank!! 😊

[@fernwehtwl]

Thank u ☺️

[@wise_nut]

Amazing as always :D !!! Thank you Jesse!

[@JesseShowalter]

Your super welcome

[@ervinmcmillan6980]

BEST!!!! video I've seen on the internet everrrr!

[@JesseShowalter]

You must be a developer and this is why this hit home so hard for you 😆

[@dorianariadnaalcalagil2089]

Thanks for your tips! Can you create a video to go deeper on tip #2?

[@JesseShowalter]

Thank you, Dorian! Going on the list!!

[@einzelstein5291]

Hi, you have an update on that topic?

[@tonys490]

Can you talk about various developers and technologies used

[@marinaro2989]

Thank you for this video! Great and informative :)

[@JesseShowalter]

Thanks for watching and kind words. let me know what other topics I can cover that you would like to see :)

[@BneiAnusim]

I create a working prototype (html, css, javascript) in codepen and give the url to developer so they can copy/paste everything into the site and apply the logic to it.

[@JesseShowalter]

That’s more of a front end developers workflow, at this point why wouldn’t you just be working in Github?

[@Pablo-sr5bx]

This is great.

[@JesseShowalter]

Thanks, Pablo! Have a good one 🤘

[@gaguhj]

You're the goat

[@tamirjansen]

Thank you, You deserve more views & subs!

[@JesseShowalter]

Thanks, I’m working on it 😂

[@suheeb_an]

Great tips Jesse. I have a question for you and other designers. How do you maintain the versions of your ongoing projects? I presume you are using Sketch to do your designs. If so, how do you update them and keep a track of each version? Thanks!

[@JesseShowalter]

You can do it manually or use something like abstract

[@suheeb_an]

@@JesseShowalter Thanks, Jesse.

[@nirfrost5976]

Hi ! What camera do you use?) for this video.Thanks for reply)

[@JesseShowalter]

I use to use a canon EOS M3 (this video) but I have since upgraded to a Panasonic G85

[@nirfrost5976]

Thanks)@@JesseShowalter

[@ambergabranski]

New startup... need design software. Thinking Figma. Then what about prototype? Do I do Framer after I design in Figma?

[@sarar5990]

hey, im new here, how do make sure the file is pixel perfect?

[@zhouyang6246]

i want thank you you much better than school

[@cjbean303]

organization video?

[@JesseShowalter]

Stay tuned!

[@irisking587]

Can you do a video of your best CRO tips please? :)

[@elnurakazybek3898]

all is cool! love the tips, thank you. but why the face so close to the camera...? sorry. it was disturbing.

[@JesseShowalter]

Sorry, I get really excited 🤪