Designer to developer handoff for anyone, anywhere
You don’t need a Mac app, or even a Mac, for developer handoff. Turn pixels into code from your browser with no extra costs and without plugins.
No need for plugins like
New in Sketch
Inspect from full Canvas view
Inspect designs in context and grab what you need right away.
Refreshed web app UI
A refreshed web app UI to help you focus on what matters most — your designs.
Export Design Tokens
Download tokens for Layer and Text Styles as well as Color Variables.
Free developer tools in your browser
With our handoff tools, any developer can grab the information they need straight from the Canvas, at any time. And the best part? Developers don’t need to pay for Sketch. Designers can invite developers to inspect work for free – it’s that simple.
Inspect designs from full Canvas view New
Get the complete context of a design as you inspect. Open a design in your browser, click the Inspect icon and select whatever you need — right on the Canvas. In any browser, for free.
Discuss designs where it matters
Leave comments anywhere on a design and discuss details with pixel-precise positioning – even @mention designers to discuss ideas, share a little praise, and keep the iterations moving.
Read a Library like a book
Use the Components web view to explore the contents of a Library — from Symbols and Styles, to Color Variables And Artboard Templates — including variations that aren’t part of a document.
Developer tools that keep you in sync
When design systems and Libraries are done right, they can make designer-developer handoff a breeze. We help you stay on top of every Component, and keep you in the loop when changes happen.
Sync updates automatically
As you design, all your latest changes sync straight to the web view automatically and in an instant. Get the most up-to-date screens and components without the need to share new links.
Get clarity on design systems
Inspect any Component in a design and see in an instant if it’s part of an existing design system – so you can reuse existing code and stay consistent across teams and time.
Link designs to issue tracking software
When you’re working on an isolated component, with Sketch you can share links to your specs directly to tools like Jira and GitHub.
The (free) developer tools you actually need
As a developer, you shouldn’t need to learn design tools – and with Sketch, you don’t have to. In the web app, you get the features you need in a UI made for handoff.
Download assets in a click
Designers: mark assets as exportable. Developers: download them individually or all together. Simple.
Grab Design Tokens straight from Libraries New
Export design tokens for Colors Variables, Layer and Text Styles in CSS or JSON formats. You can even generate a URL which updates automatically if you make changes.
Copy everything to your clipboard
Grab the attributes, color values, text and CSS for any layer — straight from our web app, ready to paste to your editor.
Measure twice, build once
Stay pixel perfect every time. Select a layer, hover over another, and we’ll show you the exact measurements for spacing between layers.
“We use Sketch across multiple products, with multiple UI/UX designers and also graphic designers. Everything from landing pages to full-blown websites. We love how easy it is to scale graphics."
Sketch’s Libraries, compatibility with industry tools, and community of plugins let our team build and scale a design system across multiple brands and platforms — which gives our users a better, more cohesive experience.
Sketch’s Libraries and style overrides are indispensable to our design system, keeping Symbol clutter to a minimum and enabling us to scale across multiple platforms.
Turn pixels into code with Sketch handoff
You don’t need a Mac app, or even a Mac. It all happens from your browser with no extra costs, without plugins.