New: Smart Animate — Bring movement to your prototypes. Learn more

Skip Navigation

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.

Some UI in this video is outdated as of September 2024 — no worries, this doesn’t affect how things work. We’ll share an updated version soon!

Key learnings

  • 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.

Lesson files

  • How do you duplicate a document?

    To duplicate a document to your Workspace, click on Three dots in the top bar and choose Duplicate to My Drafts. Have fun!

Mentor

Profile photo of Joseph Todaro

Joseph Todaro

Product Designer

Joseph brings over a decade of product, design, and education experience at companies like Sketch or InVision.

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.