Many apps use their brand color on their call-to-action buttons. Doing this may seem like a harmless act of branding, but it can actually hurt the user experience. Brand-colored buttons can lead to…
100 Shapesum, by markaleksanderh: Lorem Ipsum Sketch plugin based on 100 Shapes tone of voice.
2o3t Tools, by Zyao89: Easy Tools, batch rename layers and artboards, etc.
6Spiral, by Matej Marjanovic: 6Spiral is a sketch plugin to draw spiral shapes (archimedean and logarithmic spirals) and it also allows you to convert the 2D spirals into 3D-like helix shapes at a specified isometric angle.
Abstract, by Abstract: Abstract is a file management and version control tool for Sketch files
Acl Sketch Plugin, by Duy Luong: Internal tool for Anduin Design Team
Add Colors to Palette, by johnmcclumpha: Quickly and easily add colors from the fills of selected layers in a Sketch file to the document palette.
Add Selected Colors, by Jorge Martins: Add selected colors to document palette, sketch plugin
Add Trailing Space, by tgfjt: add trailing space into selected text layers
adjustToFit, by andyault: A quick Sketch plugin to resize text layers, groups, and artboards to fit their content. Also supports nested resizing.
Appalette, by Carlos Navarro: A Sketch plugin that let you find the color palette of (almost) any App.
areanow, by norman-woz: Get the total area of selected rectangle layers.
arrowfy, by Jocelyn Lin: Add simple arrowhead to end of selected paths. Matches color and weight.
Artboard History, by Jan Schneider: A Sketch plugin to switch faster between your latest artboards.
Artboard Manager, by Ale Muñoz: Because moving artboards manually is so 2016.
Artboard Presets for Social Media Images, by herrhelms: This is a Plugin for Sketch App that adds artboard presets for the most common image dimensions of different social media platforms.
Artboard Tools, by Frank Kolodziej: Sketch.app plugins for arranging artboards and navigating between artboards.
Artboard Tricks, by Roman Nurik: Artboard Tricks plugin for Sketch
Artboards Explorer, by Nicolas Collard: Add utility functionnalities to Sketch's artboards
Artboards to PDF, by Andrew Fiorillo: Sketch plugin to export artboards to PDF slideshow, from either the current page or from all pages
Artboardzoom, by Mikko Tapionlinna: "Zoom" to currently selected Artboard.
Bacon Ipsum, by zcallan: A simple & easy Bacon Ipsum text generator for Sketch.
BaseAlign, by Aby Nimbalkar: A Sketch Plugin to align Text Layers by their baselines
Batch Create Symbols, by Paul Demers: A plugin for Sketch to convert selected layers to individual symbols.
Better Paste, by Ken Moore: Paste like it was meant to be--into the artboard you're viewing.
Better Shadow, by JJ Ying: Quickly generate multi-layered shadow to mimic non-linear decay.
betterTypePanel, by Kevin Gutowski: A sketch plugin to help manage common OpenType properties
BillUI, by Carl Albertsson & Simon Takman: Interactive artificial evolutionary tool in order to help you come up with design suggestions that are similar to your initial design.
Blender, by bunnieabc: A sketch plugin to create awesome gradient layers
Blur Artboard, by Duan: Add blur effect to artboards for testing visual hierarchy easily in your design process.
Bold It, by ysjn: Bold-it is a super simple plugin that bolds user-specified keyword in selected text layers.
Bonsai Standards, by Hui Zheng: Update all the colors in an artboard to the latest Bonsai colors.
Bootstrap Grid, by Vitaliy Kirenkov: Sketch plugin inserts correct bootstrap grid in nested blocks.
Bootstrap Helpers, by Konstantin Demblin: A plugin to help working with bootstrap grids and grids in general. It allows to create (Bootstrap) grids and align and de-/increase width of layers accordingly.
Bound with Box, by Lewis Howles: Draws a rectangle of the same size, shape and position as the selected layer, with possible padding.
Brandfolder, by brandfolder: Easily use your digital assets from Brandfolder right within your favorite platform for digital design!
BRData, by Jônathas Souza: Gerador de dados contextualizados com a realidade brasileira.
Browser Preview, by Lukas Oppermann: Quickly preview an artboard in your browser.
Butter, by Peter Berrecloth: Butter will butt your layers together.
Bztone Plugin, by wangjunwangjunwang: switch layers of sketch to pixi.json
Caravel, by CaravelDesign: Export your artboards directly to Caravel projects.
Case Converter, by Özgür Güneş: Convert text layers, symbols or all instances of a symbol.
Chain, by Lalo Mrtnz: Dynamic color relations in Sketch.
Character Count, by Andrew Fiorillo: Sketch plugin to count number of characters in a text layer
charapara, by kd-co: Charapara, an initiative by Kerala Designers Collaborative (KDCo), is a dummy text generator for Malayalam
chart, by Pavel Kuligin: Create the most popular types of charts by real or random data
Check Contrast, by Michael Le: Allows you to select layers in Sketch and get realtime feedback about the contrast ratio
chemofill, by Alexander Hadik: A Chemical Structure data supplier plugin.
Chippen Charts, by Martin von Lupin: Bar chart creator for your mockups using random data. Change the size of selected rectangles. Works for both horizontal and vertical bar charts. Made with love in Chippendale.
Chromatic Sketch, by Petter Nilsson: Create good-looking and perceptually uniform gradients and color scales.
Clean Up SF UI Type, by Joshua Dickens: Sketch Plugin to clean up SF UI fonts character spacing & normalize text & display variants.
Cleanup Useless Groups, by Ale Muñoz: A Sketch plugin that cleans up your layer list by removing empty groups and flattening deeply nested groups.
Clear Export Options, by Emre C. Coskun (EMRECC): Clear export options for all elements on all pages in a Sketch file.
Click Dummy, by Raureif: Export simple HTML click dummies to prototype interactivity. Just draw rectangles to create links between artboards.
Click Thru Prototype, by Mark Horgan: Generates a HTML click-through prototype of your responsive website design.
Clipboard Fill, by Scott Savarie: Sketch plugin to paste an image from your clipboard as the fill for any shape
Clipboard to Tilled Fill, by midiway: Allows you to copy a image file from Finder (PNG, JPG) and set it as tilled fill of selected shape(s).
Color Contrast Analyser, by Florian Schulz: A Sketch plugin that calculates the color contrast of two selected layers and evaluates it against the WCAG2.0.
Color Copier, by Michael Fouquet: Sketch Plugin to quickly copy color RGB/HEX values.
Color Locator, by Adria Navarro: Find all instances of a HEX color
Color Swatcher, by akiersky: A Sketch plugin to analyze document colors and show the WCAG color contrast value.
ColorBrightness, by Andrey Anashkin: Color Brightness sketch plugin
Colormate, by The Main Ingredient: Colormate is a kickass sketch plugin that will help you figure out how in the hell you ended up with 457 different greys, instead of the 1 grey Mandy gave you in the handover. Oops 😳
ColorSpark for Sketch, by Luke Johnson: A simple tool to help designers discover unique colors and gradients directly in Sketch.
Comma, by Margus Holland: Sketch plugin for text modifications
Compo, by Roman Shamin: Makes it easier to work with interface components in Sketch
Composite SVG, by Alan Francis: A Sketch plugin to create a composite SVG file from sketch artboards
Connection Flow Arrows, by Farid Sabitov: Plugin for generating easy to use connection flow arrows in Sketch
Content Generator, by Timur Carpeev: Sketch app plugin for generating dummy data such as avatars, names, photos, geo data etc.
Context, by Afnizar Nur Ghifari: Count character, words, and paragraphs from a text layer easily inside Sketch!
Context for Sketch, by @dannyow: Add to your document pins linking to prototypes, inspirations, examples or anything else on the web.
Contrast, by Roman Nurik: A Sketch plugin to show a pass/fail type contrast report.
Convert To Grayscale, by Misha: A simple Sketch plugin to convert selected shapes to grayscale colors
CoolHue, by Webkul, Nitish Khagwal: Coolest handpicked Gradient Palette for super amazing stuff
Copy & Paste Shadows, by Ryan Johnson: Copy & paste only shadow styles from layers without others styles getting in the way.
Copy Framer Code, by Giles Perry: A Sketch plugin that copies any selected layer to the clipboard as code that can be pasted straight into a Framer prototype.
Copy Paste Position & Size, by ANGI studio: A Sketch plugin that lets you easily copy & paste width, height, x & y values from and to objects
Copy Swift Code, by Atsushi NAGASE: A Sketch Plugin for generating UIColor and NSColor initializer Swift code from fill color of selected layers.
Copy Paste Shadows, by iarthstar: Plugin to copy paste shadows across layers
CopyColor, by Poyi: Plugin that provides shortcut to copy layer fill color, border color, or text color to your clipboard for Sketch 4
Create New Styles, by Jonathan Tran: A Sketch plugin to create multiple layer styles or text styles
CSSketch, by John Coates: CSS Stylesheet integration to improve your workflow, with Less support. Attach once, updates your design automatically on stylesheet changes.
Csv Mail Merge, by JD Wolk: A lightweight Sketch plugin for importing data from .csv files using "{}" text sections.
Custom Zoom, by Alexander Käßner: Zoom your document to a custom zoom level.
Dapollo, by Alipay Design: Design and Development Platform(一站式设计开发工作台)
Datazier Lens, by Victor Enriquez: Inspect and sort your local font book
Duplicate to New Artboard, by Delighted Inc.: Sketch plugin to duplicate the current selection(s) to new artboard(s).
Duplicator, by Andrey Shakhmin: A Sketch 3 plugin that takes the currently selected layers and copies them one or multiple times in a specified direction.
Efficiency, by Andrew Shapiro: Set of plugins for efficient work: change text linespacing and leading via keyboard, random sizing and random positioning of selected items, keep only text layers in selection.
Egmont Plugin, by Interface.Market: Sketch plugin for create squircle shapes.
Elevation Shadows, by Yiting Liu: A Sketch Plugin to apply consistent Elevation Shadows
Emoji Autocomplete Sketch Plugin, by Zeplin: While editing Sketch text layers, type “:” followed by the first few letters to autocomplete emojis. 🍒
English and Persian Lorem Ipsum, by Mohammad Reza Mahmoudi: A Sketch extension to generate english and persian lorem ipsum text.
Envato Elements, by envato: Envato Elements Sketch plugin makes it easy to import a select range of Web and Mobile UI Kits from Envato Elements!
Escriba, by Pablo Sanchez Soler: Sketch plugin to copy paste symbol overrides
Event Badges By David, by davidlee: A Sketch plugin to make a large quantity of name tags for any kind of events
Export to Indigo, by Indigo Studio: Generate Indigo Studio projects from your artboards to create interactive, animated prototypes. Get real user feedback through included usability studies with video replays.
Export to Proto.io, by Proto.io: Give life to your Sketch designs! Export all or selected artboards to Proto.io screens, preserving layer positioning and hierarchy. By exporting to Proto.io you can link screens together, add interactions and animations.
Flatten Plugin for Sketch, by Emin İnanç Ünlü: Flatten single or multiple layers instantly, create shared artboard styles, keep them all updated like a boss and boost your Sketch document performance.
FlipSize, by Jakub Juszczak: Flip the size of any artboard or shape
Flow Exporter, by Roman Nurik: A Sketch plugin that exports prototype flows built with Sketch 49+ to HTML.
Flowmate, by Sanghun Woo: Sketch Plugin to draw flowchart and diagram
Fluid for Sketch, by Matt Curtis: Fluid is a Sketch plugin that provides a means to create more constraint-based, responsive designs. It is based on Auto Layout constraints.
Font Buddy, by Anima Team: Install missing fonts & free fonts directly from Sketch.
Font Mixer, by littlebusters: Plugin can apply other fonts for each character type of Text Layer.
Font Packer, by Big XiXi: A Sketch plugin to collect font files you used in your sketch file.
FontFinder, by Tatsuya Uchida: Sketch Plugin to find and select font items in a current page
Fontily, by partyka1: Sketch plugin for finding & replacing fonts for Sketch 3+
foodreau, by Max David: Data supplier plugin for populating designs with real food recipes.
Foreign Ipsum, by Braxton Huff: Generate text for your mockups in multiple languages 🗺
Format Symbol Names, by Giles Perry: A Sketch plugin to nicely format the names of all artboards or symbol masters on the current page
Formr, by Alexander Katin: Helps to maintain simple proportions of layers and artboards
Framer Inventory 2.0 for Sketch, by Timur Nurutdinov: Sketch plugin to generate FramerJS prototypes. Just have your motion done.
Hubble Sketch Plugin, by inthepocket: A Sketch plugin to extract assets and primitives and send them to Hubble.app
I Want Apple System Font, by usagimaru: A Sketch plugin for applying Apple system font to text layers. (For Japanese designers.)
Iban Generator, by idix: Generate random International Bank Account Numbers (IBAN)
Icon Tools, by Oscar Oto: Sketch.app plugin to clean icons and to prepare them for a clean export without tints and masks.
Icondrop, by Iconscout: Get access to 300,000+ icons right into Sketch App
IconFlower, by Avadh: Arrange icons, images and shapes in Phyllotaxis ( leaf arrangement) patterns. Leaf arrangement pattern in a sunflower, for example.
Iconify, by Vjacheslav Trushkin: Iconify integration. Import MDI, FontAwesome, Jam, EmojiOne and many other icons to Sketch document.
ImageCodeExporter, by funfungo: A Plugin that export your sketch layer for code usage
ImageExtractorSketch, by Mendy Seldowitz: Extract background fill image in Sketch
Import Colors, by Ashung: Import colors from swatches file to Sketch.
Indigo.Design, by Infragistics: Create, edit, and apply themes to your Indigo.Design UI Kit based designs and publish them as prototypes to the Indigo.Design cloud.
Inker8, by Zack Young: A spec exporter for Sketch which can copy text/css/svg icons with only one click.
Install Library Bundle, by Ale Muñoz: Installs a bunch of shared Sketch Libraries at once, because life is too short for clicking links.
Instance Locator, by Derek Nguyen: Locate instances of a selected symbol and navigate to them, anywhere in the doc.
Inter UI Character Spacing, by Michael Nissen: Package to correct the character spacing for the InterUI font in Sketch
iosViews, by Andrew Charkin: Sketch Plugin to generate iOS view code
Jane Doe, by Konstantin Demblin: This Sketch Data plugin adds localized profile names (powered by uinames.com) to your design. - Get diversity into your content.
jerryipsum, by Vince Angeloni: A Seinfeld data plugin for Sketch.
Justinmind Sketch, by Justinmind: You can export artboards, layers and pages you’ve made in Sketch to Justinmind and turn them into interactive shareable prototypes.
keyColor, by Kevin Gutowski: A Sketch plugin to apply colors via the keyboard.
Keygaroo, by IxCO: Keygaroo helps you learn keyboard shortcuts for the actions you use the most.
Kitchen, by Ant-Design: Make your design work delicious 🍽
Kopie, by Kopie: The copy editing tool for web and product design
Label Layers, by Jonathan Tran: A Sketch plugin that labels selected layers
labelizING, by Maxime Peeters: Extract, replace and download labels from sketch file
Laboji, by Mohammad Reza Mahmoudi: A sketch plugin for adding emoji on layer name like colorful labels or tags.
LaTeX Sketch Plugin, by heytitle: This plugin brings LaTeX functionalities to Sketch, and allows us to directly write mathematical formulas
Launchpad, by Anima Team: Export your Sketch design into HTML website.
Layer Renamer, by Leonard Pauli: Find or rename multiple layers at once using RegEx and flags in Sketch (v.45 tested)
Layer Styles Manager, by Jaer Pollux: A fast and easy way to manage all your layer styles. No more hassle with long and complex style names, or renaming tons of styles because you misspelled a folder name.
Lazy Styles Generator, by Adam Bruzon: Generate shared layer and text styles using the name of the selected layer as the name of the generated style.
lazyboards, by Adam Bruzon: Artboard tools to help you with tedious batch tasks.
Library Replacer, by Sketch: Quickly replace instances of shared Symbols and Styles.
Library Symbol Replacer, by zeroheight: Sketch plugin to replace symbols in an existing documents with library symbols 💎 📚
Library Audit, by Colby Grenier: Export Symbol and Shared Style data from any Sketch Library to CSV.
Lightwire, by Alex & Matt: Plugin with ready-to-use wireframes that help you to bring your ideas to life fast and easy. You can find necessary wireframes using categories or search.
Logo Fetcher, by Tobi Kremer: Place logos from either the Logos API (SVG format) or Clearbit API (PNG format)
Logodrop, by Iconscout: A Sketch Plugin to get brand logos right into Sketch App.
Looper, by Sures Kumar: Looper helps automate duplication of groups and layers. One can control properties like Rotate, Scale and Opacity while duplicating. This powerful combination enables artists and designers to create interesting geometric and organic patterns.
Lottie Sketch Export, by Brandon Withrow: Native Sketch plugin for exporting Artboards and Symbols into Lottie JSON
Magic Mirror, by James Tang: Perspective Transformation for Sketch Artboards
MagicPresenter, by jamztang: Sketch Plugin to Present Slides or Deck directly in Sketch 3
Mail Merge, by Robert Clarke: Sketch plugin that allows you to duplicate a layer/artboard and replace text with CSV data.
Map Creator for Sketch, by Terence Wu: Plugin to visually create static map(BaiduMap, MapBox, GoogleMap) with custom options, and location search is available now
Marketch, by tudou527: Marketch is a Sketch 3 plug-in for automatically generating html page that can measure and get CSS styles on it.
Material Plugin, by Google: Create, customize, and share your own Material theme. Includes Material Theme Editor, plus upload and sync to Gallery.
Merge Duplicate Symbols, by Oscar Oto: Sketch.app plugin to merge symbols with the same name.
Method, by KikeSz: Tool to apply your methodology systems
Miaow, by Tencent WeChat Team: A set of plugins for Sketch include drawing links & marks, UI Kit & Color sync, font & text replacing.
Miro Plugin for Sketch, by Miro (formerly RealtimeBoard): Add, share and discuss your Sketch artboards with the team in Miro (formerly RealtimeBoard). The plugin allow to sync the artboards with the boards in one click
Mise En Place, by Carlos Madrigal: Mise En Place is a Sketch plug-in that helps you prep before you start cooking your designs.
MockingBot, by MockingBot: MockingBot Sketch Plugin, Your sweet Sketch companion making your handoff process more efficient than ever
Mockplus Idoc, by Mockplus: Generating Assets and Specs Automatically, Make Design Collaboration Easier
Moodboard Builder, by Reinvently: A streamlined Sketch plugin for creating moodboards quickly and easily. Just do a search, check the suitable images, and - voila - you have a beautiful moodboard. Keep inspired! 💡
Move To Library Sketchplugin, by Ahmed Genaidy: You can now move symbol from your project to any library and re-attach all the symbol instances to this library. also it keep the overrides without any problems and it work with abstract that have libraries not in your local machine
Mupixa, by www.mupixa.com: Mupixa allows you to leverage the full potential of your prototypes by conducting usability research fast and effortlessly.
Notes, by Jason Cashdollar: A sketch plugin for taking notes
Nucleus, by levtolstoi: Plugin for create Atomic Design concept in Sketch and export scss-map for front-end
Nudge Corner Radius, by David Williames: Increase/decrease the corner radius of a rectangle, or path nodes — with easy keyboard shortcuts
Nudge Resize, by David Williames: Resize a layer horizontally and vertically from the centre with easy keyboard shortcuts
Nudge, Push, Shove., by Michael Fouquet: Change the big and small nudge settings right within Sketch. Plus, get access to an even bigger nudge setting.
Nudged, by Kevin Woodhouse: A Sketch plugin to easily edit your nudge distance settings.
nudgefromrtl, by Kevin Gutowski: Quickly resize a layer horizontally from right to left with keyboard shortcuts
Optically for Sketch, by Vlad Danilov: Automated and mathematically precise optical adjustments in Sketch.
Organize Symbols, by Mike Mariano: Sketch plugin that arranges symbol artboards
Overflow, by proto.io: Overflow is the world’s first user flow diagramming tool tailored for designers. It empowers designers to design, present and share beautiful user flow diagrams that tell a story.
Overrideit Sketchplugin, by Ahmed Genaidy: Overrideit is sketch plugin that allow designers to search in overridelist and overrides dropdowns, and with many other features.
Overrides Manager, by Ozgur Gunes: A Sketch plugin which makes managing overrides easier.
P5 Sketchplugin, by Jacopo Colò: A plugin for using p5.js code inside Sketch
Paddit, by Jonathan Tran: Inspired by Falkeyn's Modulizer, a Sketch plugin that adjusts a group's background to the content with padding.
Paddy, by David Williames: Automated padding, spacing and alignment for your Sketch layers
PinIt, by Anthony Collurafici: A collection of Resizing Shortcuts.
PinLog, by Twox: A plugin that would help you note your changeLog and can help other people to find the change in sketch
Pixel Perfect, by Mattias Eriksson: Plugin for Sketch for handling layout and sizing of layers automatically based on their names.
Pixel Perfecter, by Jakub Świadek: Pixel Perfecter helps you find pixel imperfect layers in your documents.
Place Linked Bitmap, by Frank Kolodziej: A plugin to place external bitmap files into Sketch and update Sketch layers after external bitmaps are updated
Presto Dom Gen, by iarthstar: Generates Presto Dom Code from Sketch Layers.
Primary Sync, by Primary: Sync your Sketch designs 💎 with Primary's user flows and design documents.
Print Export, by Sketch: Export artboards or pages to a PDF for printing
Prism, by Lalo Mrtnz: Creates a beautiful artboard color palette with all your 'Document Colors' and their respective color label in a variety of formats.
Protoship Codegen Sketch Client, by protoship: Build complex webapps from Sketch designs by generating elegant HTML & CSS that programmers can easily understand, adapt, and deploy
Prototypes Invision ↔︎ Sketch, by mathieudutour: Translate your prototyping links back and forth between Sketch and Invision
Protowire, by Mark Horgan: Adds prototyping to Sketch including transitions between screens and layer animation.
Prott Sketch Plugin, by Goodpatch Inc.: Sync Sketch artboards to Prott like a boss.
Ps Guides, by Pratik Shah: Quickly generate Guides for a selected element in Sketch
Pull to Center, by Delighted Inc.: Pull to center: Move selected shapes or layers toward center of artboard.
Puzzle Publisher, by MaxBazarov: Exports Sketch artboards into linked HTML files and publish it on external site using SFTP.
Puzzle Tokens, by MaxBazarov: Sketch.app plugin to apply design tokens to Sketch layers
Qordoba for Sketch, by Qordoba: Qordoba’s Sketch plugin allows designers to translate their mockups to other languages, making product internationalization easier.
Quick Export as PNG, by Richard Gazdik: Quick Export layers/artboards/symbols as PNG Plugin for Sketch.
Quick Presentation, by Timothy Whalin: A Sketch plugin to quickly share multiple artboards with an optional title.
QuickColor, by Cole Perkins: Sketch plugin that lets you quickly apply colors from the color palette to selected elements- 🎨
QuickTextOverride, by Dmitri Bilyk: Use a key command to target the first text override of a symbol.
Quopi, by Luke Finch: Fetches copy from the comments on your Abstract branch
Radial Lines, by herrhelms: Generate lines originating from a certain coordinate of an artboard.
Randomcolors, by Avadh: Sketch App Plugin For Applying Random Colors To A Selection Of Objects.
Relabel Button, by Ken Moore: Update a button's label and it gets resized automatically, preserving existing padding.
Remove All Guides, by Vadim Mikhnov: Removes all the guides from selected artboards.
Remove.bg, by Mathieu Dutour: Remove image background in a single click
Rename Instances, by Vyacheslav Dubovitsky: Tiny single-command Sketch plugin that renames every symbol instance with its master's name.
Rename It, by Rodrigo Soares: Keep your Sketch files organized, batch rename layers and artboards.
Rename Export, by Adam Thompson: Use this plugin to batch export layers with consistent filenames
Renamer, by Webkul, Nitish Khagwal: Select multiple layers/groups/artboards and rename all of them on the go.
Renamer, by Webkul, Nitish Khagwal: Select multiple layers/groups/artboards and rename all of them on the go.
Replace Images, by shakemno: Sketch 3 plugin to replace (as in update) existing images by name in a sketch document.
Reset Image Aspect Ratio, by Giles Perry: A Sketch plugin that resets the aspect ratio of selected images.
Resize Commands, by ANGI studio: A Sketch plugin that lets you resize and reposition objects by using simple arithmetic commands, like b+20,lr+20. Multiple objects are supported.
Restore Overrides, by Daniel T. Hall: A small plugin to store and restore override values before and after library updates
Roller by Toybox, by Jono Kolnik: Roller is the first Linter for Designers. It works just like spell-check but within your Sketch files.
Rotate Artboard Orientation, by Michel Milano: Rotate the orientation of an artboard - from portrait to landscape, and vice versa.
Rotator, by Peter Berrecloth: Rotate objects at preset amounts
Rough, by mathieudutour: Transform your shapes in a sketchy, scribbly, hand-drawn-like, style.
Save with Device Frame, by redgell: Sketch Plugin to generate pngs of artboards wrapped in a phone skin.
Scale All in Place, by Delighted Inc.: Scale all in place: Resize all selected shapes or layers, in place, from center.
ScreenFork, by ScreenFork: ScreenFork is the Sketchapp plugin that export screens and their variants based on Layer prefix
Scribble, by CanvasFlip Inc: Upload your designs, invite your team to edit copy in the browser and sync the changes back to your Sketch document.
scssketch, by TAND&M: Custom tools for living the ultimate the TAND&M life. Built with love and care by Sarah Aslanifar, Drew Vosburg, and Max Oppenheimer
Sd Changer, by jeongheeyeun: Converts Apple SD Gothic Neo font to SF Pro Display
Segmented Circle, by German Bauer: Create precise segmented circular graphics for diagrams, instrumentation and analytics.
Select Group Layers, by Matt McManus: Select all child layers of a group with a key command.
Select Parent Artboards, by Nefaur Khandker: A Sketch plugin that selects the parent artboards of the current selection
Select Same Symbols, by Yusuke Saitoh: Select same symbols as the currently selected symbol.
Select Similar Layers, by Wessley Roche: A plugin that selects layers with similar attributes to those of the layer currently selected.
sendTo, by Udi Gindi: Export layer as email attachment
Separate Shapes, by Peter Strömberg: A Sketch-app plugin that does a ”boolean” separate operation on two selected shapes. Like divide in Pathfinder in Adobe Illustrator.
Sequence Artboard Names, by Thomas Brasington: Simple sequencing of all artboards within a Sketch Document
Set Line Height, by Florian Schulz: Plugin that allows you to set the line height of a text layer as a multiple of the font size.
Set Min Max, by Jonathan Tran: This plugin will resize a layer by height or width to a base max or min value
Shared Style Finder, by Jason Burns: Find instances of a shared layer or text style.
Shared Styles Hierarchy, by Mathieu Dutour: Organize your shared styles using the layers list, create a hierarchy where children inherit properties from their parent.
Shared Text Styles, by Nils Hoenson: Easily import and export your Text Styles in Sketch.
Shutterstock, by Shutterstock, Inc.: Access Shutterstock's stunning images without leaving your workspace.
Single Border, by Sures Kumar: Add single borders with advanced controls.
SizeArtboard, by brendan miller: Sketch Plugin for wrapping a new artboard around what you've selected
Skatter, by Josh Djuric: A plugin with tools (currently very basic tools) to assist with creating patterns out of shapes.
Sketch a Sketch, by Mathieu Dutour: Bringing the iconic knobs from the famous toy to Sketch.
Sketch Artboard, by Ken Moore: Next Artboard / Previous Artboard
Sketch Aspect Ratio, by precious design studio: A simple plugin to apply preset or custom aspect ratios to a selected layer.
Sketch Auto Translate, by Friedrich Schultheiss: Plugin to translate Sketch files into via Google Translate.
Sketch Bounding Boxer, by precious design studio: A simple plugin to to toggle visibility of 'boundingBox' layers in a Sketch document.
Sketch Cats, by pravdomil: Render layers in Sketch as various images of cats
Sketch Codelight, by somebee: Highlight code inside Text layers in Sketch
Sketch Color Contrast Analyzer, by eaugustine: A Sketch plugin that calculates the color contrast of two layers and evaluates them against MCOE's guidelines.
Sketch Color Palette, by Kohei Tabata: A Sketch Plugin to generate .clr(Color Palette) file from selected layers.
Sketch Color Vars, by Phil Sinatra: A Sketch plugin that will export the fill color of selected layers to SCSS, LESS and CSS files.
Sketch Commands, by Ale Muñoz: A collection of script commands for Bohemian Coding's Sketch.app
Sketch Constraints, by Marc Bouchenoire: A plugin that integrates constraints in Sketch to lay out layers.
Sketch Copy Text Only, by Cristian: Sketch plugin to copy only the text from selected artboard(s) or layer(s)
Sketch Data Faker, by paintedbicycle: A Sketch data plugin providing data for you mockups from Faker.js
Sketch Data Populator, by precious design studio: A Sketch App plugin to populate your documents with meaningful data. Goodbye Lorem Ipsum. Hello JSON.
Sketch Data Studio, by thetylerwolf: Sketch plugin to generate charts and data for data tables.
Sketch DevTools, by skpm: See your plugin logs, inspect the state of Sketch documents, explore actions, and more
Sketch Duplicatesymbol, by Mike Mariano: Sketch plugin that creates a new symbol out of a selected symbol
Sketch Exchanger, by littlebusters: Convert from Sketch to JSON w/assets and JSON w/assets to Sketch.
Sketch Export Generator, by Kang Chen: Sketch plugin to export assets at different scale sizes
Sketch Export Text, by Vyacheslav Dubovitsky: Helps you to save all text data on current page in customizable format and filter the excess.
Sketch Grid Master, by Vyacheslav Dubovitsky: Grid Master is a Sketch plugin that fixes long-standing bugs and adds new functionaity related on work with Grid and Layout.
Sketch Groupie, by Aparajita Fishman: Sketch plugin providing commands to align layers with their parent group
Sketch Guides, by Celyn Xie: Add Guides to edges and midpoints at once.
Sketch Hyphenator, by Aleksander Golmakov: Sketch plugin that hyphenates text
Sketch Icons, by AMoreaux: Import your icons, apply a color mask and create a dynamic icons library.
Sketch Iconscope, by ziven27: Wrap the Icon with a square(4n) scope.
Sketch Image Average Color, by Antonio J. Martinez: A plugin to save and use the average color of an image.
Sketch Image Compressor, by BohemianCoding: A Plugin that compresses bitmap assets, right when you export them. This Plugin requires Sketch 3.8.
Sketch Image Replaste, by Misha: A simple Sketch plugin for replacing images with your copied image of your clipboard.
Sketch iOS Bar Color Calculator, by Emin İnanç Ünlü: A Sketch plugin that calculates and applies the correct color for you to get actual design color after applying it to a translucent UIToolbar or UINavigationBar.
Sketch Ipsum, by Sketch: A DataSupplier plugin that fills your text layers with random Lorem Ipsum
Sketch Isometric, by Sures Kumar: Generate Isometric views from Artboards and Rectangles.
Sketch Layer Comps, by Özgür Güneş: A plugin which saves and applies layer states to create different compositions of current page.
Sketch Library Unlinker, by Giles Perry: Unlink symbols linked to a specific library, or unlink symbols that have been deleted in their libraries.
Sketch Line2rect, by Kevin van Breemaat: Replace Lines by Rectangles in Sketch
Sketch Make Long Shadow, by Jay Holtslander: A plugin for Sketch to create long shadows from a shape.
Sketch Manager Plugin, by Sketch Manager: The easiest way to manager your Symbols, Text styles and Layer styles.
Sketch Map Generator, by Eduardo Gómez Vásquez: Plugin to fill a layer with a map generated from a location (Powered by Google Maps)
Sketch Maps, by Marc Bouchenoire: A Sketch plugin that uses the Mapbox API to fill layers with specific and custom maps.
Sketch Marginbox, by Francis: Simple scritp to create layers as margins
Sketch Markup Listify, by Marisa Roque: Sketch plugin for convert and copy text layers into HTML lists.
Sketch Mate, by Florian Schulz: These plugins will make you best friends with Sketch.
Sketch Material, by Siddhartha Gudipati: Sketch material is a sketch plugin that will help you generate complex material components like tables, chips, forms etc…
Sketch Measure, by utom: Make it a fun to create spec for developers and teammates! Automatically generating html page with one click, inspect all the design details including CSS Styles on it offline.
Sketch Plugin Skew, by Misha: A Sketch plugin for skewing (or shearing) shapes horizontally or vertically.
Sketch Plugins, by Alessandro: A library of Sketch Plugins aimed towards working with horizontal/vertical grid layouts and typography.
Sketch Pochette, by Zeh Fernandes: A Sketch plugin that lets you carry your most used properties close to your mouse
Sketch Preview, by Marc Schwieterman: This Sketch plugin provides a preview command (⌘P) that will open a specially named slice in Skala Preview. The plugin works by exporting the first slice named Preview to Sketch's cache directory and opening that file in Skala Preview.
Sketch QR Code, by Lerte Smith: A Plugin for generate SVG QR Code in Sketch app.
Sketch Rename Artboards, by Kevin van Breemaat: Rename Artboards based on their X and Y locations in Sketch
Sketch Replace Layer, by Daniel Eden: Replace selected layer(s) with copied content/layer(s)
Sketch Resize, by Luca Orio: Resize (not scale) multiple layers at once via shortcut.
Sketch Reverse, by Luca Orio: Reverse the position or depth of selected elements.
Sketch RTL, by Devin Mancuso: Automatically create RTL layouts of your designs with this plugin for Bohemian Coding's Sketch 3
Sketch Runner, by Sketch Runner: Speed up your Sketch workflow
Sketch Search Everywhere, by 捻捻转儿: Search layer and select it, by matching textValue, name or ObjectID.
Sketch Select, by Canis Minor: Make it much more convenient to select layers with similar attributes.
Sketch SF UI Font Fixer, by Kyle Hickinson: A Sketch plugin that adjusts the character spacing on text layers using iOS 9's SF UI Text/Display fonts to what it would be when used in an iOS app.
Sketch Translation, by Hoai Nguyen: A Sketch plugin for easy multi-language design
Sketch Unlinker, by Eivind Bøhler: Sketch plugin that lets you unlink selected layers and groups from either shared symbols, styles or text styles, en masse.
Stark, by Michael Fouquet, Cat Noone, Benedikt Lehnert: Ensure your design is accessible and high contrast for every type of color blindness.
Stash, by Jarek Ostrowski & David Diefenderfer: Import artboards from Stash to Sketch
States, by Eden Vidal: Create different artboard states and switch between them easily
Stickers, by Roman Nurik: A Sketch plugin that lets you browse and quickly drag+drop stickers (specially tagged layers) in your Sketch Libraries.
StickyGrid, by Yasuaki Uechi: Sketch plugin to make paths be snapped to grid.
Storyboard Export, by Crank Software Inc.: Export Sketch based designs to be used within Crank Software's Storyboard Suite
String Value Puller, by YannickWidmer: Plugin to handle pull string values from github repositories.
stuffing, by Ashung: A DataSupplier plugin which supplies chinese data.
Style Inventory, by Florian Schulz: Generate a visual style sheet with all colors and text styles that you are using in Sketch.
StyleClip, by Vincent: Sketch plugin that copies an element's styles directly to your Mac clipboard. Supports CSS & SCSS
styledrop, by Ryan McLaughlin: A plugin for Sketch allows you to easily copy styles from one layer to another.
Super Shapes, by Sures Kumar: Generate complex organic super-shapes using super formula.
SVG Insert, by tankxu: Insert SVG code as a Layer.
SVG to React Component, by reeli: Sketch plugin to compress SVG and transform it to React (include React Native) components. By copy React component directly to you clipboard or export as files.
SVG Bem, by Atomatic: A Plugin for SVG export to convert IDs to Classes, create BEM Styled Naming Based on Layers. Uses SVGO to compresse and Clean up SVGs, right when you export them. Based on the SVGO Compressor Plugin
SVGO Compressor, by Bohemian Coding: A Plugin that compresses SVG assets using SVGO, right when you export them. This Plugin requires Sketch 3.8.
SVGO Export, by Joseph Casey: Uses SVGO to compress exported SVG assets
Swap Fill & Border, by Nathan Rutzky: Sketch.app plugin for swapping fill and border colors.
Swap Styles, by Oz Pinhas: Sketch plugin for swaping styles between two layers.
Swap Width Height, by dannymcclain: Swap a layer's width and height.
Swappr, by pranusarna94: Swap layer positions and styles
SwiftColorPalette, by nahitheper: Sketch plugin that generates Swift Color Theme with enums
Symbol Browser, by Pratik Shah: A new way to browse your symbols. Make the most of your Design System by bringing symbols and UI Sticker sheet together.
Symbol Instance Locator, by Jason Burns: Locate all instances of a selected symbol or instance.
Symbol Instance Renamer, by Jason Burns: Rename all symbol instances to the name of their master.
Symbol Instance Sheet, by Jason Burns: Generate a sheet of symbol instances from your current document or a library.
Symbol Namer, by Giles Perry: Rename symbol instances to their override text values
Symbol Organizer, by Jason Burns: Organize your symbols page and layer list, based on the symbol names.
Symbol Spacer Sketch Plugin, by Geert Wille: Automatically resize spacing symbols to correct size when changing to different one
Symbol States, by Ozgur Gunes: A Sketch plugin which saves overrides of a symbol instance as states to be applyable on another instance of that symbol later.
Symbol Swapper, by Jason Burns: Swap the selected symbols and/or symbol instances to a master of the same name in a library.
Symbol Text Inspector, by Dmitri Bilyk: Easily inspect the specifications of all text overrides in symbols, including in nested symbols.
Symbol Insert, by Michael Le: Simple plugin to insert Sketch symbols
Symbol Merger, by Jonathan Tran: A Sketch plugin that merges duplicate symbols
Symbol Overlay Toggle, by uxcourt: A Sketch plug-in to seek specific style names in library-sourced symbols and toggle the styles.
SymbolNameAutocomplete, by griffin-stewie: This plugin gives you autocompletion of symbol names when creating a symbol.
SymbolNameSync, by griffin-stewie: This plugin gives you syncing names between Symbol masters and its instances.
Symbols Manager, by Jaer Pollux: A fast and easy way to manage all your symbols. No more hassle with long and complex symbols name, or renaming tons of symbols because you misspelled a folder name.
Sympli, by Sympli: Perfect your collaboration with Sympli. Share specs and assets, then inspect designs and make pixel-perfect apps faster online or with plugins for Android Studio and Xcode.
Sync To Slides, by Siddhartha: Sync to Slides is a Sketch plugin that will help you upload your artboards to Google Slides directly without an export step
System Styles, by Seb Bailey: Generate all the text styles you'll need, including alignment and colour.
Table of Contents, by You-Wen Liang (Mark): Sketch plugin for generating table of contents for documentations
Tabula Rasa, by Arthur Klepchukov: Add blank backgrounds to transparent artboards
Text Styles Manager, by Jaer Pollux: A fast and easy way to manage all your Text Styles. No more hassle with long and complex names, or renaming tons of styles because you misspelled a folder name.
Text to Styles, by Thomas Brasington: Generates Sketch type styles programmatically from Artboards
Textbox Fit Content, by Julius Sohn: This plugin sets the height of a selected text layer or all text layers in a selected group to it's content's height.
Texts Translate, by Santi: Manage Sketch texts in multiple locales.
Timelapse, by Team Timelapse: Create beautiful high-speed videos of your work in Sketch and show off your progress.
Timeline, by Anima Team: Create beautiful timeline animations and export GIF or MP4
TinyFaces 👦🏼👨🏾👩🏻, by Maxime De Greve: Fill content with random avatars & data
TitleCase, by Jesse Bilsten: A Sketch plugin that changes your text to TitleCase
Toggle Constrain Proportions, by Erik Gelderblom: Toggles the contrain proportions setting with keyboard shortcut ⌘ + P. Sketch v39+ compatible.
Toggle NoPrint, by Denis Sudilkovsky: Toggle Visibility of 'NoPrint' layers in Sketch
toggleLayers, by Kevin Gutowski: One action to toggle layers on / off so that you can more easily remap this to a custom keyboard shortcut.
Translate From JSON, by kbirgoren: A Sketch plugin lets you use variables for texts in your designs.
Translate.me, by Eduardo Gómez Vásquez: Translations. Simplified. Translate your Sketch text layers, artboards and pages in over 100 languages with Translate.me plugin. Powered by Google.
Transpose, by Wes Craig: Transpose your selection and set pixel margins between elements.
Triangle Field, by Luke Anderson: Generate Delaunay triangle tessellation inside a shape.
truncat, by Kevin Gutowski: A Sketch plugin to truncate text.
Truncate Text Lines, by Manuel Muñoz: Truncate the number of lines of a textbox, adding an ellipsis if needed. It works using words or characters.
Turkish Data, by Özgür Güneş: Turkish data supplier plugin.
zeroheight, by zeroheight: Document your design system using beautifully simple styleguides synced with Sketch and code 💎 💻
⚓️ Sketch SelectPlus, by Sabarinathan Masilamani: Helps you select different type of layers, specific Shapes like Rectangle, Ovals, Triangles, Lines, Arrows, Paths, etc.
⚡️ Bolt, by Arcangelo Fiore: Import screenshots faster
🐳 蓝湖, by lanhuapp.com: Awesome Product Design Tool
📐 Sketch Guides, by Pratik Shah: Quickly generate Guides for a selected element in Sketch
📕 PDF Export, by David Williames: Export all pages, current page or selected artboards into a PDF — based on a range of settings
🕵🏻 Find and Replace Text, by Chris Wetterman: Find and replace text throughout your Sketch document
Learn how and why to switch from RGB to HSL in your projects.
Hue: your base color, pick a value from 0 to 360 (think about the color wheel) Sauration: how “intense” (rich or dull) your color will be (%) Lightness: add or remove white from your colors, 50% is the middle ground, below you add black, above white. Key for creating shades of color.
– You were in the exploratory phase and now you want to clean things up 🗑(Or simply you haven’t paid too much attention to the colors you’ve been using – it happens to the best of us! 🤪) – You are…
Sketch 49 brings quite a few improvements. Some obvious like prototyping within Sketch and some less obvious like easier-to-look-at override panels and find-and-replace colors.
Agenda: – Prototyping in Sketch – Shared Libraries on Sketch Cloud Read more about both
– Improved Find And Replace Colors: I wrote a quick Medium post about this
– ProtoWire Demo (Advanced, responsive prototyping within Sketch)
– Other speakers TBD. Reach out if you'd like to present!
----------------------------------------- As usual if you are a student or can’t afford the ticket let me know and I’d be more than happy to sponsor you. Reach out at francesco@freeandwilling.com See you soon!
Midnight adds a dark theme to Sketch! I had a chance to try it and ❤️ it.
Bonus features include layer tags (yay to organization!) indent guides, custom selection color, custom canvas darkness, and more. If you are using Sketch before going to bed you might even switch to Night Owl mode.
**Midnight 1.2 now Includes a bonus ultra-light theme called Lark + all new Bright icon-set + advanced features like the ‘Collapse All Groups’ button and high contrast Vector Handles + many performance improvements and bug fixes.
👉 *Special 50% off offer ends soon! Scroll down to get it!
Layer Tags: Apply colored tags to Layers, Artboards and Pages.
Indent Guides: Easily identify how Groups and Layers are nested.
Custom Toolbar Icons: Choose to display icons from a theme, or keep the original icons.
Works with Runner: Automatically match Sketch Runner’s dark mode with Midnight.
Customize Canvas Darkness Darken the canvas to perfectly complement your design.
Change Selection Color: Choose any color you like, or use the default color from the theme.
We grouped each chunk of a Yammer thread the same way our developers were grouping them in the code. To help out our eyes, we assigned each one its own color. At this point we also started referring to the chunks as modules, because we fancy.
We stopped defining margins between modules. Instead, all the spacing in the app would come from padding within the modules — specifically, top padding. Bottom padding would have worked, too; just not both. The key is to choose one of the two and stick with it. This kept things simpler when we did need to define top and bottom margins in some special cases.
We threw all of the individual modules into one super long artboard. It looks pretty weird, because this is not a conversation that would ever actually exist in Yammer. It’s okay, though. All we need it for is checking alignment on our grid and making sure every type of element is accounted for.
When everything was laid out vertically, we still had three specific combinations that were throwing things off. This was okay with us — three was much easier to deal with than hundreds. Our engineers went to work defining special “if…” statements for each of them.
MenuNotesLayer | Fix to Parent with Margin | Fix the width and height of the parent, and set the margins. Fix to Parent Width (Height) with Margin | Fix the width or height of the parent, and set the margins. Bounds Layer for Every Selection | Create a bounds layer from the selected layer. Divide Layer | Split Layer. Ungroup Shape Layer | Ungroup shape layer. Unlock All Layers | Unlock all layers. Toggle Layer Constrain Proportions | Lock or unlock constrain proportions for selected layers. Select All Layers In Selection By Type | Select all groups, text, shapes, bitmaps, symbol instances, slices, exportable layers, hidden layers. Select All Layers In Selection By Name | Select all layers match by layer name. Select All Child Layers | Select all sub-layers. Select All Siblings Layers | Select all siblings layers. Select Parent Groups | Select parent groups. Select Layers Outside of Artboard Bounds | Select and reveal layers which is outside of the artboard bounds. Select Reverse | Select reverse. Paste and Replace | Paste and replace, replace the selected layer with the Sketch layer on the clipboard. Clear Layer Name | Clears the layer name and removes the "copy" after the layer name. Remove Redundant Groups | Remove redundant nested groups. Remove Empty Groups | Remove empty group. Remove Hidden Layers | Remove hidden layers. Remove Transparency Layers | Remove transparency layers. Create / Sync Link Layer | Create a link symbol layer from select group or artboard, and update the link symbol layers. Arrange | Change Places Between Two Layers | Change two objects positions based on midpoint or coordinate origin. Tile Objects | Tile objects with grid or any orientations. Tile Objects by Position X (Y) | Horizontal or vertical tiling objects. Tile Objects Horizontally (Vertically) by Index | Horizontal or vertical tile based on layer list location. Arrange Objects | Arrange selected layers or artboard. Order Layers By ... | Change the position in the layer list based on the object X / Y value, name, type. Reverse Layer Order | Invert the position in the layer list. Text | Increase / Decrease Line Height | Increase and decrease line height for all selected text layers. Plus or minus half of the value that you move objects while using Shift-Arrow key, you can change the value in Preferences - Canvas - Nudging. Increase / Decrease Letter Spacing | Increase and decrease 0.38 letter spacing for all selected text layers. Increase / Decrease / Reset Horizontally Scale | Increase, decrease and reset horizontally scale for all selected text layers. Split Text Layer | Split selected text layers to multiple layer, use new line and a separator. Combine Text Layers | Combine selected layers to one layer. Capitalize | Capitalize. Change Baseline offset | Change Baseline Offset for selected range of text layer. Change Text Orientation | Change Text Orientation for CJK text layout. Change Typeface for Latin Character | Change the typeface for latin-character in the text layer. Add Space Between CJK and Latin Character | Add space between Chinese and Western. Replace Fonts | Replace Fonts. Replace Missing Fonts | Replace missing fonts. Resize to Fit Text Height | Resize text layer to fit text field height. Unfixed Layer Name | Cancels the fixed layer name of the text layer so that the layer name of the text follows the content. Slice | Auto Slice | Create a slice based on layer with export preset. Fast slice, Fast slice Setting | Create a URL-friendly slice based on layer with export preset, without modal window. Remove All Slices | Clear all slices. Clear All Exportables | Clear all Exportable settings. Save/Load Export Presets | Save and load export presets. Artboard | Artboard Form Selection | Create a new artboard from the selection object. Artboard Form Group | Create a new artboard from group. Artboard to Group | Artboard to group. Resize to Fix Height | Adjusts the artboard to fit the height. Move Artboards to Bottom of Anther | Move artboards or symbol masters to the bottom of another one. Export all Artboards | Export all artboards, symbols to PNG / SVG. Export all Artboards to HTML | Export show with HTML, searchable. When using SVG format, you can drag directly into Sketch. Symbol | Reset to Original Width / Height | Reset to original width / height. Reset Overrides | Reset symbol overrides in selection. Select All Instance of Symbol | Select all instances of the symbol. Select All Instances of Imported symbol | Select all instances of imported symbol (library symbol). Rename Instances | Rename all instances, rename selection instances, rename instance by symbol master. Move Symbol Masters To Another Page | Move selected symbol masters to anthoer page. Selection to Symbol Master | Change the selected layer directly into the symbol in its original position. Detach Unused Symbol Master | Converts unused symbol templates to groups. Remove Unused Symbols | Remove unused symbols, for Sketch 48+, with symbol preview. Export all Symbols As PNG | Export all symbols as PNG according to the "Page / symbol" rule. Sync Symbol Master from Sketch File | Synchronize symbols from Sketch files base on symbol ID. Replace Pages from Sketch File | Forcing the replacement of the same name from the Sketch file, you can import the page containing the symbol by modifying the page name. Library | Fix Library ID Conflict | Fix library file with same document ID. Imported Symbols Link Manage | Link imported symbols to another library, or fix the library not found error. Replace Symbol With Library Symbol | Replace symbol with any library symbol. Change symbols to Library Symbol Base Symbol ID | Change the selected/all symbols to library symbol base on symbol ID. Change Local Text Style to Library Text Style | Change local text styles to same library text style from selected library. Change Local Layer Style to Library Layer Style | Change local layer styles to same library layer style from selected library. Import Document Assets from Library | Import document assets like colors, gradients and images from any library. Import Styles from Library | Import text styles and layer styles from any library. Add Library Preview | Add a artboard for library preview image. Check For Library Updates | Check for library updates. Styles | Select Layer by Layer / Text Style | Select layer by layer or text style in curret page, selected layer groups. Paste Fills / Borders / Shadows / Inner Shadows / Blur / Text Style / Text Color | After run "Edit" - "Copy" - "Copy Style ⌥⌘C", you can paste the fills, borders, shadows, inner shadows, blur to selected layers. Add Solid Fill from CSS Color | Fill from CSS color code. Fill Color from Global (Document) Colors | Fill from the global (document) color fast. Swap Fill and Border | Swap fills and borders. Remove All Disabled Styles | Remove disabled styles in all layers of the current page. Remove Unused Layer / Text Styles | Remove unused layer styles and text styles. Create Color Guide | Create a color guide from document color. Create Typography Guide | Create a font style guide from a text style. Import Document Assets from Sketch File | Import resources (colors, gradients, and patterns) from Sketch files. Import Text Styles from Sketch File | Import text styles from Sketch files. Import Layer Styles from Sketch File | Import a layer style from Sketch file. Guides | Clear Guides | Clear all guides. Grid Presets | Common Grid Presets, like 8x8, 10x10 etc. Hide All Grid/Layout | Hide all grid or layout. Copy Grid/Layout/Guide | Copy the grid/layout/guide from seleted artboard. Paste Grid/Layout/Guide | Apply the grid/layout/guide for seleted artboards, you must run Copy Grid/Layout/Guide first. Prototyping | Bring All Hotspot to Front | Bring all hotspot layer to front. Development | Pick Color and Copy the HEX Code | Pick a color from screen and copy the HEX code. Copy Slice as Base64 | The slice image is copied to Base64, depending on the format and scale of the first item of the slice, you can get a different image. Copy Selected Layer Name | Copy the selected layer name to the clipboard. Copy ObjectID or SymbolID | When you select a layer, copy the ObjectID or SymbolID of the layer to the clipboard. Show and Change Layer Info | Show and change layer's objectID, symbolID etc. Script Editor Setting | Script editor font and font size settings. Edit Plugin Setting | Set up external plugin editor, default editor Atom, Sublime Text, Visual Studio Code and WebStorm. Reload Plugins | Reload all plugins. Utilities | Export Clean Code SVG | Export or copy selected layers to clean code SVG, it can ignore layers by name or type, and optimize with SVGO. SVG Export Setting | SVG export settings. Nine-Slice from Bitmap Layer | Crop a bitmap layer to 9 part with resizing constraint settings. Convert Sketch File to Other Version | Go to Sketch File for any later version of 43, you can open a high version file or go to a lower version. Show File in Finder | Open the current document in the Finder. Open Terminal at File Folder | Open the terminal and switch to the directory of the current document.
Design tokens are the visual design atoms of the design system — specifically, they are named entities that store visual design attributes. We use them in place of hard-coded values (such as hex values for color or pixel values for spacing) in order to maintain a scalable and consistent visual system for UI development.
Complex websites have very large amounts of CSS, often with a lot of repeated values. For example, the same colour might be used in hundreds of different places, requiring global search and replace if that colour needs to change. CSS variables allow a value to be stored in one place, then referenced in multiple other places. An additional benefit is semantic identifiers. For example --main-text-color is easier to understand than #00ff00, especially if this same color is also used in another context.
