Here’s Maximilian Schoening demonstrating new features of a Mac app called Sketch (specifically v2). At first it looks just like any other image editor but a magic option appears when you right-click any element you’ve designed, Copy CSS Attributes. It does exactly what you’re expecting and probably hoping for. You’ll probably want to adjust the code to fit in with the way you work but it certainly looks like it can have a positive effect on productivity.
Improve your design knowledge in just a minute or two a day, for free
with...
Great Design Details
You'll get a free email every Monday to Friday with actionable design details that will increase the effectiveness of your designs. Each one only takes about a minute or two to read.
Success! Now check your email to confirm your subscription.
by Tom Kenny
I’m a freelance web designer and front-end developer with 9 years of experience designing for the web. Follow me on Twitter here.
Make More Informed Design Decisions
Learn why the best designers make the decisions they do to design successful websites people love in this FREE eBook with three in-depth case studies. I’ve spent hours studying what makes these websites amazing, so you can use what works and focus on your design work.