Sketch

Sketch is a native macOS design platform providing vector editing, shared design system libraries, symbols, and developer asset handoff workflows.

When to Use

• macOS Native UI/UX Vector Design: Crafting vector interfaces, design system component libraries, and interactive wireframes.
• Design Token Automation: Exporting colors, typography, and spacing tokens to code using Sketch plugins and JavaScript APIs.
• Symbol & Shared Style Libraries: Managing synchronized component libraries across distributed design and frontend teams.
• Handoff Specification Generation: Exporting pixel-perfect SVG assets, PDF specs, and developer inspect documentation.

Quick Start

1. Export Assets via Sketchtool CLI

# Export all artboards to @2x PNG
sketchtool export artboards "MyDesign.sketch" --scales="1, 2" --output="assets/exports"