Sketch

Design systems Prototyping Visual design

The industry-leading tool for digital design.

About Sketch

Create, prototype, collaborate and turn your ideas into incredible products with the definitive platform for digital design.

From essential tools that help you work faster, to game-changing features that empower teams around the world, we’ve built the definitive platform for digital design.

Related Tools

Kite Compositor

A powerful animation and prototyping application for Mac & iOS

Vectorpea

Vectorpea.com is a free online tool for editing vector graphics with support for AI, PDF and SVG files.

Photopea

Photopea.com is a free online tool for editing raster and vector graphics with support for PSD, AI, and Sketch files.

HTML Sketchapp

HTML Sketchapp turns HTML nodes into Sketch layers or symbols. Additionally, it allows to export shared text styles and document colors.

Figurative

Love Figma? Love your iPad Pro? Meet Figurative.

React Sketch.app

Render React components to Sketch; tailor-made for design systems

Leonardo

Create beautiful, accessible, and adaptive color systems using contrast-ratio based generated colors.

Vectornator

Vectornator Pro makes your designs more powerful. Visualize every detail, explore the space and let your creativity run wild.

Diez

Cross-platform design system framework, making it easy to adopt a unified design language across codebases, platforms, and teams.

Catalog

Combine design documentation with real, live components in one single place, making collaboration between designers and developers seamless.

Storybook

An open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.

Fractal

Build. Document. Integrate. Powerful component libraries & styleguides that fit the way you work.

Accessible color palette builder

This is a tool to help designers build color palettes with combinations that conform with accessibility standards.

Color Safe

Empowering designers with beautiful and accessible color palettes based on WCAG Guidelines of text and background contrast ratios.

Sim Daltonism

The color blindness simulator.

Colorable

Take a set color palette and get contrast values for every possible combination – useful for finding safe color combinations with predefined colors and includes pass/fail scores for the WCAG accessibility guidelines.

Accessible brand colors

This tool shows you how ADA compliant your colors are in relation to each other. By adding your brand’s colors on the right, you can generate a chart to see how they can be used together for accessibility, and find similar colors that work better.

Color Tool

Create, share, and apply color palettes to your UI, as well as measure the accessibility level of any color combination.

Colorbox

Comprehensive colour palette generator, now sponsored by Lyft.

Contrast

A macOS app for quick access to WCAG color contrast ratios.

Colorblind Web Page Filter

Use the Colorblind Colorlab to select safe colors earlier in the design process.

Color Oracle

Design for the color impaired. A free color blindness simulator for Windows, Mac and Linux.

Accessible Colours

We evaluate your color combination using the WCAG 2.0 guidelines for contrast accessibility. If your combination does not meet the guidelines, we find the closest accessible combination by modifying the color lightness.