All. The.
Features.

Design, prototype, and illustrate in a truly native macOS app, online or offline. Work in private or collaborate in real time.

Inspect designs, export assets, share feedback, manage users, and invite guests — in any browser.

View your documents on the go, play prototypes on a real device, and mirror designs as you edit them on your Mac.

Quickly create vector-based rectangles, ovals, lines, arrows, triangles, stars or polygons.

Create a new shape from two or more shapes with non-destructive boolean operations — Union, Subtract, Intersect and Difference.

Snap your vector points to full pixels, half pixels and quarter pixels, or disable snapping entirely.

Create a freehand vector path.

Apply a fill, border, drop shadow, inner shadow or bitmap layer to a shape.

Create a custom vector path using the Pen tool.

Flatten a Boolean shape into one path.

Use Straight, Mirrored, Disconnected and Asymmetric Point Types in a vector shape.

Mask one shape layer with another.

Easily select one or more points on a vector path using the Vector Point Selection Tool.

Use the Scissors tool to open a path, removing any segments of the path.

Set the font size, alignment, for an entire text layer or just a selection.

Create text that follows the path of another vector shape.

All the text tools you’d expect from a native Mac app, like spell checking, dictation, emoji and symbols support.

Apply gradients, image and color fills, borders, shadows and Gaussian blurs to text layers.

Preview typeface options in the Inspector and set the typeface for an entire text layer, or just a selection.

Style an entire text layer, or just a selection, with bold, italic, underline or strikethrough options.

Support for variable fonts and the options supported by variable fonts.

Tighten, loosen or disable the kerning, and adjust the baseline (including subscript and superscript) for a text layer, or just a selection.

Create text layers with a choice of resizing properties, including auto width, auto height and fixed size.

Use all, none, or the default ligatures included with a font.

Apply uppercase or lowercase text transformations to a text layer or a selection within it.

Create numbered or bullet text lists, customize the number or bullet style, and add prefixes or suffixes.

Turn text layers into editable vector shapes.

Full support for OpenType Features with any font that features them.

Embed non-system fonts in your Document for accurate rendering in the web app.

Choose between sRGB and P3 color profiles to take full advantage of P3 displays.

Create Color Variables to apply, edit and sync colors throughout your documents.

Pick any color from your display and use it in Sketch, with either the Sketch or native macOS color picker.

Quickly apply a single color to an entire group or Symbol with Tints.

Select your preferred color model (RGB, HSB or HSL) anywhere you work with colors in Sketch.

Find and replace colors or Color Variables, with the option to include different opacities or preserve original opacities.

Create solid, gradient and image fills, easily copy and paste values and change any properties.

Apply fills, borders, corners and more to your frames to give them their own styling.

Combine style options to create Layer Styles that you can apply and sync across multiple documents.

Apply Gaussian, motion, zoom or background blurs, and adjust their intensity and saturation.

Control how layers look with multiple fills, borders, shadows and blurs.

Copy and paste style properties for fills, borders and shadows to easily apply their settings to other layers.

Apply blend modes to your layers: normal, darken, multiply, color burn, screen, color dodge, overlay, soft and hard light, difference, hue, saturation, color, luminosity, and plus darker or lighter.

Apply one or more linear or angular gradient fills to a layer.

Apply an image or a preset noise image fill to a layer, and control how it scales or tiles.

Choose between inside, center and outside border positions.

Adjust the thickness, colors, and blend modes of your layers’ borders.

Style end and join points for line layers and open paths — choose between butt, round and projecting cap, and miter, round and bevel joins.

Add dashed lines to your borders and adjust dash and gap widths.

Set the opacity of individual layers and groups, and choose between different types of blend modes.

Apply one or more shadows to the same layer, and control their colors, blending modes, X and Y positions, blur radius and spread.

Import bitmap images and position or resize them like any other layer.

Mask bitmap images with a shape layer.

Adjust image hues, saturation, brightness and contrast using slider controls or percentage input fields.

Make simple edits to bitmap images, creating selections using either the marquee or adjustable magic wand tool, and inverting, cropping or filling the selection.

Reset a resized bitmap image back to its original dimensions.

Reduce the file size of bitmap images in the document based on their dimensions on the canvas.

Replace one bitmap image with another.

Use and nest frames, with custom style properties, as basis for screens, flows and more.

Design icons, illustrations and more with a dedicated container for graphical elements.

Create flexible layouts that adapt to their content, with control over padding, alignment and distribution.

Pin a layer’s relative position to the left, right, top or bottom of a Frame, and control whether or not it resizes with it.

Automatically add pins to layers based on their position within a frame.

Create a grid from the duplicates of your selected layer(s) with adjustable numbers of rows, columns, and spacing.

Align selected layers to form a neat grid.

Evenly distribute the selected layers horizontally and vertically.

Align your layers horizontally and vertically, or to the left, right, center, top, middle or bottom — and preview how they’ll look with the power of Foresight.

Modify corners of frames, shapes, masks and images — uniform or individually — with various corner styles.

Lock the proportions of selected layer(s) when resizing.

Choose whether to fit layers and points to pixel bounds.

Choose whether to offset and rename duplicate layers.

Use math operators such as +, -, /, * and ^ to easily resize and reposition Frames and layers from the Inspector.

Insert data, such as names, cities, open-source face photos and images, from a selection of sources.

Create a specified number of duplicates of the selected layer, rotating them around an adjustable point.

Set the style settings of any selected layer as the default for any new shapes.

Convert borders on the selected shape(s) into a new vector path with a fill.

Choose between the default outline masks or alpha masks — which inherits any alpha or gradient from the mask layer, including bitmaps.

Move your layer(s) forward, backward, to the front or back, upwards, or to the top.

Search for layers in your document and filter by shape, text, image, group, export-ready, prototype or Symbol.

Draw slice layers on the Canvas to define exportable areas with full control.

Replace selected layer(s) with components from the same document or Libraries.

Select between non-zero and even-odd fill methods for a selected layer.

Enable additional border options in the Inspector, including settings for the ends and joins of a path, cap options, and the option to set dash and gap values.

Remove any unused styles from a selected layer(s) with a single click.

Easily scale layers, groups and Symbols, along with any related contents.

Resize and skew any selected layer(s)

Flip selected layer(s) horizontally or vertically.

Offset the selected path by a specified amount, optionally creating a new layer.

Combine two or more open paths into one single path.

Reverse an open path so you can add a new point at the opposite end, or reverse the direction of arrow end caps.

Close the open path of the selected layer.

Easily resize the Frame to the minimum size it needs to be, based on its contents.

Set the selected Frame as the document thumbnail.

Set a selected layer to ignore the mask sitting below it in the Layer list.

Easily mark one or more selected objects as exportable.

Flatten selected layer(s) into a single bitmap object.

Align the selected layer(s) to the nearest full pixel.

Lock and unlock selected layers and groups.

Toggle the visibility of the selected layers and groups on the Canvas.

Import files by dragging them onto the dock icon or Canvas — with support for PNG, JPG, HEIC, TIFF, WebP, SVG, EPS, SVG code, PDF, AI and PSD.

Quickly rename multiple layers with modifier tokens, pattern matching and more.

Hold Shift and right/secondary click to select between overlapping layers from a contextual menu.

Replace the your current selection with the layer on your Clipboard.

Convert one or more layers into a Symbol that you can reuse across documents and sync updates or changes.

Combine styling options to create layer styles that you can apply and sync across multiple documents.

Create Color Variables to apply, edit and sync colors throughout your documents.

Create Text Styles and choose whether they include alignment and color or not.

Create Libraries of Symbols, Layer Styles Color Variables, Text Styles and Frame templates that you can share and use across multiple documents.

Add, disable and remove Libraries that let you use components across all of your documents.

Activate Libraries only for specific documents to make components easier to manage.

Switch to the Components view to reorganise your Symbols and Frame Templates, and display, reorganise and modify Text Styles, Layer Styles and Color Variables.

Switch to the Components view to reorganise your Symbols and Frame Templates, and display, reorganise and modify Text Styles, Layer Styles and Color Variables.

Override elements within Symbol instances including text, images, nested Symbols and data.

Override text in Symbols with optional markdown-like styling for bold, italic and underline.

Turn any Frame and its layers into a template that you and can reuse across documents.

Use the Command Bar to quickly find, insert and replace Components with large previews and keyboard navigation.

Add, disable and remove Libraries that let you use components across multiple documents.

Easily swap between Libraries and replace Components in your documents. Choose between all Components, specific Component types or a custom selection.

Jump to a previously selected instance of a Symbol after editing its source.

View a list of any Symbols that have been inserted from a Library and add options to unlink them from the Library.

Quickly apply a single color to an entire group or Symbol with tints.

Send a Symbol source to the Symbols page.

Find and replace colors or Color Variables, with the option to include different opacities or preserve original opacities.

Choose from a range of preset Frame and Graphic templates — or create your own.

Restore a resized Symbol instance to its original source size with one click.

Convert a Symbol back to a set of regular layers (optionally converting any nested Symbols back to their base parts as well).

Quickly select the containing Symbol of the nested item you’re editing by pressing ⌘Esc.

Quickly create playable prototypes of your designs for playback in the Mac, web or iPhone app.

Add animated transitions to your prototypes. Control easing and duration for smooth, natural movement between Frames.

Create interactions that start by clicking on any layer — or use Hotspots to create larger tap targets.

Create realistic prototypes by combining different types of triggers.

Turn Frames into overlays that appear on top of the existing screen for more realistic interactions.

Create horizontal, vertical or multidirectional scroll areas within Frames and adjust them on the Canvas.

Set any Frame as a starting point for your prototypes — or create multiple start points to test flow variations.

Use different interactions to toggle layer visibility.

Fix the position of selected layers when scrolling or moving between Frames in a prototype.

Animate your prototypes from right, bottom, left or top with handy interaction tools.

Choose how you can interact with areas outside of an overlay when one is showing.

Align overlays relative to the overall screen or trigger layer/hotspot, and apply horizontal or vertical offsets.

Apply background styles behind any overlay such as fill and blur.

Stack multiple overlays so they appear at the same time and choose how they interact with each other.

Use overrides to set an individual overlay’s settings as default or revert to the original settings.

Preview prototypes and adjust their size to fit your browser window, including Fit, Fill to Width, and Actual Size.

Leave comments, right on the Canvas that stakeholders can see and respond to.

See all your current document’s comments, quickly navigate to them and rsolve them from a detachable panel.

Give teammates instant access to shared Libraries, documents or projects.

Invite fellow Editors to collaborate with you on the same document, in real time.

Follow any active document collaborators, no matter where they go on the Canvas.

Control who can edit specific Libraries or documents.

Make updates to a Library without pushing changes to everyone automatically — then choose which updates to share.

Share documents to collaborate with others in your Workspace, or share a public link to the current document in the web app.

Keep private or unfinished work in your My Drafts folder that nobody else can view, unless you grant access.

Export Frames and slices as PNG, JPG, HEIC, TIFF, WebP, PDF, EPS or SVG.

Specify an optional export resolution or size, such as @2x or 512W.

Drag and drop an export preview to the desktop or another app.

Trim transparent pixels from a slice and set a custom background color for exports.

Preview Frames and slices in the Inspector before you export them.

Choose specific Frames, add titles, and export comments in Workspace documents — either as part of the PDF or CSV.

Choose from a set of presets including size, filename prefixes and suffixes, and file format — or create your own.

Export the same Frame or slice using different settings at the same time.

Use Sketch in light or dark mode — or default to your device’s settings.

Extend Sketch’s functionality with a variety of third-party plugins and integrations.

Customize zoom and nudging behavior.

Choose the resolution to flatten bitmap images to.

Set paper size, orientation and scaling when printing Sketch documents.

Toggle the visibility of cursors, or name tags, for other editors collaborating in the same document.

Toggle the state of all groups in the Layer list between expanded and collapsed.

Toggle the visibility of individual pixels and/or the pixel grid when zoomed in.

Adjust grid and layout settings for each Frame, inclding number of columns, width, offset, gutter and column width and height. Set grid colors, block size, line intervals, layout fill and stroke outline colors.

Show or hide the sidebar, the Inspector, Assistants, slices, colors, fonts, the toolbar, or the entire interface.

Zoom in, out, to actual size, to a selection, an Frame, or fill the Canvas.

Toggle whether groups automatically open and close in the Layer list when selecting any grouped layer on the Canvas.

Toggle the visibility of the Tab bar.

Show all document tabs in a grid view.

Choose whether you save documents locally — or to your Workspace — by default.

Switch to the next or previous Frame or page — or center to a selection.

Toggle the visibility of Slice layers on the Canvas.

Toggle the visibility of the Canvas rulers and/or ruler guides as well as reset the ruler origins if they have been modified.

Toggle the visibility of the selection boxes on the Canvas – including when hovering over layers.

Toggle the visibility of the grid or layout columns and rows on the Canvas.

Toggle the native macOS color or font windows.

Customize the Sketch toolbar any way you like.

Switch Sketch between windowed and full screen.

Press S to insert Components, and quickly access tools, actions, and plugins.

Find your way around fast on an infinite Canvas.

Save all your designs in your Workspace and access them anywhere you sign in to Sketch.

Create Projects and Collections for your designs. Organize by client, job, status or whatever works for you.

Give designers instant access to Sketch by making them an Editor in your Workspace — no license key required.

Invite Viewers without edit access to your Workspace to browse documents, leave feedback and test prototypes — from any web browser — for free.

Manage your entire team within a single Workspace and get full visibility and control over billing.

Invite Guests with an existing Sketch subscription to edit documents and view projects in your Workspace without adding to your subscription cost.

Create, remove and schedule change to the number of Editor seats in your Workspace, used or unused, to keep costs consistent and predictable.

Give every Editor in your Workspace instant access to the documents, Libraries and projects they need, wherever they sign in to Sketch.

Create private Projects and control exactly who has access, and can edit, documents inside them.

Give every Editor in your workspace a private My Drafts folder for work that isn’t ready for sharing.

Browser every document’s version history and download older versions.

Delete older versions of a document you no longer need.

Star important versions of a document to highlight major milestones.

Hide unstarred versions of documents from viewers and guests.

Give starred document versions a text description to communicate what’s changed.

Star a version of a Library document to send those changes to everyone who uses it (regular updates won’t affect others).

Allow anyone to update Library documents — or restrict it to specific Editors.

Optionally disable all existing public document links — and the option to create new ones.

Keep important items at hand — pins are personal to you, so you can use them in whatever way suits your workflow best.

Quickly and safely sign in to your Workspace via Single Sign-On (SSO).

Restrict document uploads to your Workspace and force a local-only workflow.

View a directory of every document and project and see which permissions Workspace Guests and members have related to them.

Manage access and permissions for multiple people at the same time.

Easily create document duplicates that are automatically sent to your private My Drafts folder.

Safely file away inactive documents and projects that are no longer in play.

Find documents in the Workspace window using search, sorting and filtering — or browse All Documents, Shared with Me, Recent Documents, My Drafts, or Projects.

Use the web app in light or dark mode — or set it to match your system’s settings.

Create optional public links for documents for easy sharing.

View and navigate any document’s full Canvas in the browser — just like in the Mac app.

Editors, viewers and guests can leave feedback with annotated comments on a document’s Canvas.

@-mention other Workspace members in your comments to loop them into a conversation.

Use emoji and markdown in your comments to emphasize your feedback.

Get notified of new comments and replies to any document and get full control over what notifications you receive.

Filter between different types of notifications to find what you need.

View every comment in a document under the Comments tab in the sidebar.

Resolve comments to close off conversations and review resolved discussions in the document’s sidebar.

Remove toolbars and navigation items, and easily hide hotspots and hints when sharing prototypes.

Add comments right on an Frame while playing your prototypes to make feedback easier.

Invite developers to inspect designs and download assets — in any web browser — for free.

Inspect designs right on the Canvas and copy values for colors, attributes, and more.

Copy color values in different formats — HEX, RGB, HSL, NSColor and UIColor.

Copy color variable names — or their color values.

See and navigate to Library styles and Symbols used in any document.

Export any asset right from your browser with full control over size, format, and naming conventions.

Measure distances between layers on the canvas for accurate recreation.

Hide and show grids and layouts on each Frame that has them.

Copy CSS styles for any selected layer.

Navigate through any document’s Symbols, styles and Color Variables.

Grab tokens for Layer Styles, Text Styles and Color Variables — in CSS or JSON format — to stay in sync with development projects.

Download color tokens or create a link that stays up to date for integration in your projects.

Copy text from any text layer to your clipboard for easy pasting into other apps.