Sketch — A digital design toolkit for macOS and the web

Visit website

Sketch app icon on a light background

I spent over 13 years helping build Sketch from a simple but powerful vector drawing app into a global industry-standard platform. During that time, I held various roles and touched almost every feature in the product.

That’s a long time to spend at one company, especially in tech, and it’s difficult to wrap it all up into a neat case study. I joined a team of just three, which eventually grew to over 200, so it felt like several different companies over the years. I started as a product designer and later became Head of Product, before deciding to return to a more design-focused role.

My work at Sketch extended well beyond the product itself. I hired and led teams, helped shape our vision and strategy, worked on marketing and branding, and created educational materials. I also organised community meetups, represented Sketch at conferences, and spent time with customers through research and support, alongside hands-on quality assurance.

Here’s a selection of features I designed or been involved with. Some read as table stakes today — at the time, many didn’t exist in design tools at all.

  • Symbols — reusable components across a design
  • Reusable text styles and layer styles
  • Export properties directly on layers
  • Multi-resolution exports on layers, at any scale
  • Bitmap editing with magic wand, crop, invert and vectorise tools
  • Repeatable content grids
  • Layer list content filters
  • Artboard presets — save common screen sizes
  • Display of a document’s most-used colours
  • Scrubbable labels — drag field labels to quickly adjust values
  • Inline gradient editing
  • Export scaling — set dimensions by pixel size, e.g. 1024w or 640h
  • Single-click ruler guides
  • Align and distribute controls for vector points
  • Distance measurements from shapes to grid lines and guides using the Option key
  • Movable pivot point — control the centre of rotation for objects
  • Scale tool — scale style properties as well as geometry
  • Per-document gradient and colour presets
  • Layer resizing behaviour set with R, M, B and C suffixes
  • Distinctive highlights for symbols
  • Smart guides to measure a layer’s distance from the selection
  • Nested symbols inside other symbols
  • Symbol overrides — customise images and text in individual instances
  • Control to resize artboards to fit their contents
  • Sketch Mirror — preview designs on an iOS device
  • Sketch Cloud — share documents with the world
  • Non-destructive text transforms
  • Vector editing placement previews
  • Nested symbol swapping
  • Password protection for files
  • Detaching symbol instances from their source
  • Touch Bar support on the MacBook Pro
  • Find and replace for missing fonts
  • Built-in iOS and Android templates and UI kits
  • Presentation mode — hide the UI to focus on your designs
  • Smart guides when inserting vector points
  • Configurable nudge distances
  • Vertical text alignment within an adjustable bounding box
  • Libraries — share symbols between documents and designers
  • Adjustable corner curvature — match the shape of iOS corners
  • P3 colour space support
  • Find and replace for colours in a document
  • Downloadable files from Sketch Cloud
  • Independent scaling of symbol instances
  • Customisable library preview thumbnails
  • Prototyping — connect artboards with links and hotspots, then play back the result
  • Cloud files as installable libraries
  • Bending vector path segments into curves
  • Preview of the original path outline when editing corner radii
  • Snapping between handle control points
  • Text and layer styles available in libraries
  • Fixed headers and footers in scrolling prototypes
  • Advanced arrows and path markers
  • Dark mode app redesign for macOS Mojave
  • Boolean operations for non-shape layers
  • Data — link layers to data sources or plugins to generate text, images and more
  • Unsplash image data plugin
  • Offset path — expand or contract a shape’s outline
  • Apple-style background blur
  • Redesigned fill popover with collapsible sections
  • Panel for managing symbol overrides
  • Selectable overrides on the canvas
  • Document colours included in libraries
  • Named colour presets — browse colours as a list or grid
  • HSL colour values
  • Dark and light mode toggle, independent of system settings
  • Simplified Chinese localisation
  • Smart distribute — lay out layers with grid spacing and reordering
  • Tidy — align a selection into a grid in one click
  • Built-in faces data plugin
  • Smart layout — symbols resize intelligently with their content
  • Improved OpenType feature support
  • Variable font support
  • Better integration with web-based libraries
  • Components panel and popover for inserting symbols and styles
  • Custom save dialog for saving files to the cloud or locally
  • Tints — apply a single fill across an entire symbol or group
  • Dynamic symbol previews
  • Embedded fonts in documents
  • Assistants — automated checks for consistency, design systems and team rules
  • Colour variables — reuse and link colours across documents
  • Dedicated insert window for searching components across libraries
  • App-wide redesign for macOS Big Sur
  • Starred updates — highlight key versions and control version history visibility and library rollout
  • JSON files as data sources
  • Custom document picker window on startup
  • “Shared with Me” tab for each workspace
  • Document settings — manage per-document preferences in one place
  • Workspace switcher in the documents window sidebar
  • Foresight — an on-canvas outline previewing alignment and resizing actions before you apply them
  • Dedicated web view for browsing components
  • On-canvas controls for adjusting rectangle corner radii
  • Project visibility controls — workspace-wide or invite-only
  • Artboard templates — turn any artboard into a reusable component
  • Overlay support for prototyping
  • Dedicated prototype tab in the inspector
  • Redesigned overrides panel in the inspector
  • Font overrides — adjust weight, alignment, colour and more in symbol instances
  • Colour overrides for any layer inside a symbol
  • Direct editing of text layers inside symbols on the canvas
  • Comments — add and resolve callouts directly in the Mac app
  • Command bar — quick access to almost any action in the app
  • Redesigned colour picker to accommodate new features
  • App-wide redesign for macOS Tahoe
  • Apple-style Liquid Glass layer effect
  • Stacks — Flexbox-style auto layout

I feel an enormous sense of pride and privilege to have worked on a product that changed the design industry forever—by lowering the bar to entry and unlocked the talent of millions of people, creating a whole new market of design tools.