5.2 Developer handoff with Sketch
Woohoo! You made it to the final lesson, congratulations!👏 We’ll wrap the course learning how to use the different developer handoff tools in Sketch.
Use comments to your designs to add additional design context or requirements — simply click the ‘New Comment’ icon at the top.
The ‘Version’ tab is where you‘ll find the history of your documents. Add a description to a version to highlight key milestones or important changes in your document’s history.
In the Inspect Tab, you’ll see the current Artboard’s attributes. Click anywhere on the Artboard to select a layer and see its properties in the Inspector.
In the Components Web View your Sketch Libraries expose everything your developers need from your design system, automatically.
With Color Tokens, developers can export, integrate, and sync Color Variables from your designs directly into their development projects.
When you mark something as ‘Exportable’ in the Mac app, it automatically becomes available to developers as a downloadable asset in the web app.
How do you duplicate a document?
To duplicate a document to your Workspace, click on in the top bar and choose Duplicate to My Drafts. Have fun!
Joseph is our Head of Video at Sketch. He brings over a decade of product, design, and education experience. Before joining Sketch, he was a Senior Product Designer at InVision and was also responsible for the design education courses for InVision Studio and DSM.
While designing in-flight entertainment software at Fuse IFX, he migrated his team to Sketch – a tool that would go on to change the way he works. Eventually, he founded LearnSketch.com as a side project to share his knowledge and passion for the tool.
Joseph currently teaches UI and UX design at the Laguna College of Art and Design. He continues to share resources with the design community through projects like LearnSketch.com, Shapefest.com, LUTHOUSE.com and RandomUI.com.