<section id="awesome-design-plugins" class="hidden-in-page">
<h1>Awesome Design Plugins</h1>
<ul>
<li><a href="https://github.com/LisaDziuba/Awesome-Design-Tools">Awesome Design Tools</a></li>
<li><a href="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Awesome-Design-UI-Kits.md">Awesome Design UI Kits</a></li>
<li><a href="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Awesome-Design-Conferences.md">Awesome Design Conferences</a></li>
</ul>
<div class="hidden-in-page">
<pre><code><p align="center">
<a href="https://flawlessapp.io/designplugins">
<img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/Awesome%20Design%20Plugins.png" alt="Awesome-Design-Plugins"/>
</a>
<img alt="awesome" src="https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg" />
<img alt="PRs Welcome" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" />
</p></code></pre>
</div>
<h2 id="how-to-use-and-contribute">How to Use and Contribute</h2>
<ul>
<li>Now you are in <strong>Awesome Design Plugins</strong> section, if you need tools — go to <a href="https://github.com/LisaDziuba/Awesome-Design-Tools">Awesome Design Tools</a>.</li>
<li>To find the tool, go through the Table of Contents or search for a keyword (for example, “animation”, “prototyping”).</li>
<li>Ask <a href="https://twitter.com/LisaDziuba">Lisa</a> on Twitter.</li>
</ul>
<p>If you found some great design tool or plugin, just send a Pull Request concerning our <a href="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Contribution_Guidelines.md">Contribution Guidelines</a> (they’re very simple, please take a look). Design tools should be submitted <a href="https://github.com/LisaDziuba/Awesome-Design-Tools">here</a> and plugins in this file. We use such labels for Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="Sketch" />, Adobe XD <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="Adobe XD" /> and Figma <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="Figma" /> plugins, don’t forget to add them. Now I’d love to see your suggestions!</p>
</section>
<header class="header header-top -mint">
</header>
<section id="table-of-content" class="nav">
<h2>Table of Content</h2>
<ul>
<li><a href="#accessibility">Accessibility</a></li>
<li><a href="#align--arrange">Align & Arrange Plugins</a></li>
<li><a href="#analytics">Analytics</a></li>
<li><a href="#charts">Charts</a></li>
<li><a href="#code-export">Code Export</a></li>
<li><a href="#code-highlight">Code Highlight</a></li>
<li><a href="#collaboration">Collaboration</a></li>
<li><a href="#color-management">Color Management</a></li>
<li><a href="#copy--paste">Copy & Paste</a></li>
<li><a href="#data-generation">Data Generation</a></li>
<li><a href="#developers-handoff">Developers Handoff</a></li>
<li><a href="#document-optimisation">Document Optimisation</a></li>
<li><a href="#document-organisation">Document Organisation</a></li>
<li><a href="#layout--padding">Layout & Padding</a></li>
<li><a href="#export">Export</a></li>
<li><a href="#generate-ui-element">Generate UI</a></li>
<li><a href="#guides--grids">Guides & Grids</a></li>
<li><a href="#images-management">Images Management</a></li>
<li><a href="#import">Import</a></li>
<li><a href="#map-generation">Map Generation</a></li>
<li><a href="#mockup-plugins">Mockup Plugins</a></li>
<li><a href="#other">Other</a></li>
<li><a href="#pdf-export-plugins">PDF Export</a></li>
<li><a href="#plugin-development">Plugin Development</a></li>
<li><a href="#plugin-managers">Plugin Managers</a></li>
<li><a href="#plugins-collection">Plugins Collection</a></li>
<li><a href="#presentation--preview">Presentation & Preview</a></li>
<li><a href="#prototyping">Prototyping</a></li>
<li><a href="#three-d-perspective">3D Perspective</a></li>
<li><a href="#rename-helper">Rename Helper</a></li>
<li><a href="#resize">Resize</a></li>
<li><a href="#selection-enhancement">Selection Enhancement</a></li>
<li><a href="#shortcut--keyboard">Shortcut & Keyboard</a></li>
<li><a href="#state-management">State Management</a></li>
<li><a href="#style-management">Style Management</a></li>
<li><a href="#symbols--components-management">Symbols & Components</a></li>
<li><a href="#text-management">Text Management</a></li>
<li><a href="#translation--localization">Translation & Localization</a></li>
<li><a href="#typeface">Typeface</a></li>
<li><a href="#ui-kits">UI Kits</a></li>
<li><a href="#user-flows">User Flows</a></li>
<li><a href="#version-control">Version Control</a></li>
<li><a href="#website--html-export">Website & HTML Export</a></li>
<li><a href="#workflow-improvements">Workflow Improvements</a></li>
<li><a href="#zoom-enhancement">Zoom Enhancement</a></li>
</ul>
</section>
<main>
<article id="accessibility">
<h3 id="accessibility">Accessibility</h3>
<div class="hidden-in-page">
<pre><code><p align="center">
<a href="http://bit.ly/33Q3AC0">
<img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/Abstract.png" alt="Abstract"/>
</a>
</p></code></pre>
</div>
<ul>
<li><a href="http://www.getstark.co">Stark</a> — ensure your design is accessible and high contrast for every type of color blindness. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /> <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://cluse.cc">Cluse</a> — a free and open-source Sketch plugin that allows you to test the color contrast of your design for accessibility and adjust colors without interrupting your workflow. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/getflourish/Sketch-Color-Contrast-Analyser">Color Contrast Analyser</a> — a Sketch plugin that calculates the color contrast of two selected layers and evaluates it against the WCAG2.0. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/lifeofmle/check-contrast">Check Contrast</a> — allows you to select layers in Sketch and get realtime feedback about the contrast ratio. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/romannurik/Sketch-Contrast#readme">Contrast</a> — a Sketch plugin to show a pass/fail type contrast report. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/eaugustine/Sketch-Color-Contrast-Analyzer">Sketch Color Contrast Analyzer</a> — a Sketch plugin that calculates the color contrast of two layers and evaluates them against MCOE’s guidelines. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/733159460536249875">A11y - Color Contrast Checker</a> — ensure your text is readable for users by adhering to WCAG (Web Content Accessibility Guidelines) standards. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/733343906244951586">Color Blind</a> — it allows you to view your designs in the 8 different types of color vision deficiencies. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/734693888346260052">Able – Friction free accessibility</a> — able makes accessibility easy while looking and feeling like Figma! <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/748533339900865323">Contrast</a> — contrast makes it easy to check the contrast ratios of colors as you work. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/731310036968334777">A11y - Focus Orderer</a> — quickly annotate your designs’ focus/tab order flow. Why? Because not everyone uses a mouse cursor to navigate through online experiences; some people use the keyboard and/or other input devices. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/732290356467065314">Arabic & RTL Support</a> — write Arabic and RTL text in Figma with ease. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/740542057689267294">VisualEyes</a> — measure the attention of your design inside Figma. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739739050044773150">RTL support</a> — flip RTL languages like Hebrew and Arabic. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/742121299910255177">RTLPLZ - RTL Support</a> — write RTL text in Figma with fewer tears. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/746367992714028465">Epilepsy Blocker</a> — with this plugin you can make your designs accessible and safe for people with photosensitive epilepsy and also stay ADA Compliant. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="alon.gruss+xdplug@gmail.com">LTR to RTL by Alon Gruss</a> — use Ctrl+h or Cmd+h to flip from LTR text to RTL. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://sugarsweetapps.com/func-creatives/">Func Creatives by Yaron Elharar</a> — adds custom shortcuts to Adobe XD, plus voice commands on Windows. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<article id="align--arrange">
<h3 id="align-arrange">Align & Arrange</h3>
<ul>
<li><a href="https://github.com/srbsingh3/autoarrange">Auto Arrange Artboards</a> — automatically arrange the order of your artboards in the layer list according to their position on the canvas. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/stefan0uh/sketch-aligny">Aligny</a> — an alignment enhance plugin for Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/tbrasington/Sequence-Sketch-Artboards">Sequence Artboard Names</a> — simple sequencing of all artboards within a Sketch Document. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/pravdomil/sketch-align-to-grid">Sketch Align To Grid</a> — let’s align selection to grid. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/aparajita/sketch-groupie">Sketch Groupie</a> — sketch plugin providing commands to align layers with their parent group. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="http://guides.pratikshah.website/">Sketch Guides</a> — allows you to quickly generate guides for a selected element and helps you achieve web development’s famous grid (column) behavior in Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://medium.com/sketch-app-sources/sketch-app-plugin-iconflower-8fc84eef53d6">IconFlower</a> — arrange icons, images, and shapes in Phyllotaxis ( leaf arrangement) patterns. Leaf arrangement pattern in a sunflower, for example. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/marianomike/sketch-organizesymbols">Organize Symbols</a> — a Sketch plugin that arranges symbol artboards. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/abynim/BaseAlign">BaseAlign</a> — a Sketch Plugin to align Text Layers by their baselines. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/frankko/Artboard-Tools">Artboard Tools</a> — a Sketch plugins for arranging artboards and navigating between artboards. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/LucienLee/AlignTo">Align To</a> — a Sketch 3 plugin that aligns layers relative to more options. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/richardgazdik/sketch-align">Align artboards and symbols</a> — group and align your Sketch symbols and artboards by name. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/konki-vienna/sketch-bootstrap-helpers">Bootstrap Helpers</a> — a plugin to help to work with bootstrap grids and grids in general. It allows to create (Bootstrap) grids and align and de-/increase the width of layers accordingly. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/franklymrshankly/Symbol-Override-Padding">Symbol Override Padding</a> — add bottom padding to a symbol override. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/sonburn/symbol-organizer">Symbol Organizer</a> — organize your symbols page and layer list, based on the symbol names. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Myrronth/symbol-and-artboard-organizer">Symbol and Artboard Organizer</a> — organize your symbols and artboards. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/doubco/sketchplugin-align-artboards">Sketchplugin Align Artboards</a> — easily aligns all artboards vertical or horizontal by name. Uses the same convention as the Sketch export folder structure ‘parent/child’. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Falkeyn/Modulizer">Modulizer</a> — modulizer plug-in for Sketch.app allows you easy control paddings for buttons, modules and areas. If your module has the background you can set fixed paddings and easily restore it for any content changes. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/delighted/sketch-pull-to-center">Pull to Center</a> — pull to center: Move selected shapes or layers toward the center of the artboard. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/PEZ/SketchDistributor">SketchDistributor</a> — distribute selection objects vertically or horizontally with a given spacing between them. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/romashamin/sort-me-sketch">Sort Me</a> — sort artboards and layers by name. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/dawidw/move-it">Move It</a> — a Sketch plugin that lets you move selected layers vertically and horizontally. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/wonderbit/sketch-distribute-layers">Distribute Layers</a> — a Sketch plug-in to distribute layers evenly. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="http://designplugins.com/optically">Optically for Sketch</a> — automated and mathematically precise optical adjustments in Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/BrendanMiller/SizeArtboard">SizeArtboard</a> — a Sketch Plugin for wrapping a new artboard around what you’ve selected. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/pberrecloth/butter-sketch-plugin">Butter</a> — this plugin will butt your layers together. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ScottSavarie/stacker">Stacker</a> — a Sketch plugin to stack a selection horizontally or vertically. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/kenmoore/sketch-arrange-artboards">Sketch Arrange Artboards</a> — layout all artboards in a grid with a user-specified number of rows. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/wescraig/SnipSnap">SnipSnap</a> — remove extra padding on multiple layers or artboards with ease. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/mheesakkers/sketch-plugin-skew">Sketch Plugin Skew</a> — a Sketch plugin for skewing (or shearing) shapes horizontally or vertically. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/franklymrshankly/Align-to-padding">Align To Padding</a> — align layers in a group with padding applied. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/franklymrshankly/Paddit">Paddit</a> — a Sketch plugin that adjusts a group’s background to the content with padding. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/jawayang/Sketch-Divider">Divider</a> — a plugin for Sketch to equal division layers by a container. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/731260060173130163">Super Tidy</a> — a Figma plugin to easily align, rename and reorder your frames based in their canvas position. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/731324768889901500">Sort It</a> — sort selected Frames or Layers by names. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739493471028643540">Swap</a> — easily swap two selected objects. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/742038190980789811">Sorter</a> — a small utility plugin to help you sort/re-order layers in Figma. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/742450159822269057">Align To</a> — align layers to a specific layer, and have that layer stay fixed while the other layers move. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/738853407874474111">Reverse Layer Order</a> — this plugin will reverse the order of the selected layers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/747059755185517110">Golden Ratio Align & Resize</a> — with this plugin, it’s easy to use the Golden Ratio just everywhere you need it. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/761098431161143653">Distribute By</a> — a lightweight plugin that spaces elements evenly by the pixel. Distribute items vertically or horizontally from the edges or the centers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://constanting.com/#contact">Swapper</a> — a plugin that allows swapping position of two selected elements. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="alexdobras@gmail.com">Apply Bounds</a> — copy and paste bounds: the position and/or the dimension from an item to reposition other items in bulk. Works with multiple items across multiple artboards. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="info@paolobiagini.com">Mask Fit</a> — a command-like plugin that allows fitting images to their mask. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/rodi01/Artboard-Plus-XD/blob/master/README.md">Artboard Plus</a> — artboard tools to speed up your Adobe XD workflow. Rearrange artboards into the grid, sort them by name or create an artboard around the selection. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://twitter.com/kenji_clown5">Invisible Space</a> — add invisible space for isolation area around a logo, hit area wider than icon button looks, padding/margin of web component. You can create a gap around the selected objects by entering a padding value or separate value Top/Left/Bottom/Right. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://sttk3.com/">Singari</a> — align/distribute to the key object. This plugin treats the last selected one as a key object. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://www.eslamnasser.com/">Remove Decimal Numbers</a> — get that pixel-perfect design by removing the decimal numbers from element’s width, height, rotation, x and y values. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/peterflynn/xd-trimit">TrimIt</a> — quickly trim Artboards and Area Text to perfectly fit their content, and snap Repeat Grid size to the closest whole grid cell. This plugin is open source and only about 150 lines of code! <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://onthehead.com">Move Items to Adjacent Place</a> — move/duplicate items to adjacent places (left, top, right, bottom). <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<!-- <div class="hidden-in-page">
<p align="center">
<a href="http://bit.ly/35I1q9q">
<img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/Maze.png" alt="Maze"/>
</a>
</p>
</div> -->
<article id="analytics">
<h3 id="analytics">Analytics</h3>
<ul>
<li><a href="https://www.attentioninsight.com">Attention Insight</a> — improve design performance with pre-launch analytics. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /> <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="Adobe XD" /></li>
<li><a href="https://github.com/loceye/sketch-visualeyes">Visualeyes</a> — generate attention heatmaps in seconds. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.useberry.com/integrations/adobe-xd/">Useberry</a> — user testing feedback and users’ behavior insights with heatmaps, video recordings, user flows, time bars and follow-up questions. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://www.userlytics.com/faq">Userlytics</a> — allows you to easily configure and create a user experience test directly from your XD prototype so you can watch and listen to your target Persona interact with and answer questions. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="support@usertesting.com">UserTesting</a> — the UserTesting plugin enables you to seamlessly transition from designing a digital experience to soliciting immediate customer validation. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/mcoulthurst/xd-user-journey/blob/master/README.md">User journey</a> — this plugin renders a user journey map from external CSV text data. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://mupixa.com">Mupixa</a> — allows you to leverage the full potential of your prototypes by conducting usability research fast and effortlessly. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /> <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://vempathy.tech/plugins/adobe-xd/">Vempathy</a> — get feedback on your design where it matters: users emotional reactions. With the Vempathy plugin you will build better digital experiences with rapid customer feedback and analysis powered by AI. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<article id="charts">
<h3 id="charts">Charts</h3>
<ul>
<li><a href="https://github.com/abynim/sketchy-pies">Sketchy Pies</a> — a Sketch plugin to magically convert regular circle layers into pie charts! <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/tadija/AEFlowchart">AEFlowchart</a> — Flowchart diagram plugin for Bohemian Coding Sketch app. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/wodory/flowmate">Flowmate</a> — a Sketch plugin to draw flowchart and diagram. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/design4use/gb-sketch-segmentcircle">Segmented Circle</a> — create precise segmented circular graphics for diagrams, instrumentation, and analytics. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Volorf/Sparkliner">Sparkliner</a> — easy way to make sparkline graph. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/freeman990/Freeman-FinChart-SketchPlugin">Freeman Finchart Sketchplugin</a> — draw a financial charts like candle-stick or line charts like a boss. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/731451122947612104">Charts</a> — charts allows you to generate charts that can be added and edited within your Figma document. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/734590934750866002">Chart</a> — chart is a plugin for Figma that uses real or random data to create the most popular charts. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/751821593330638172">simpleflow</a> — makes it easy to create a flowchart with customizing a theme, you can choose the color, the dashed style or even the curvature of the flowchart. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/736737028247625415">Datavizer</a> — create a bar chart, scatter plot, or line chart easily with your data. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://app.odinchart.com/faq">Odin Chart</a> — a tool for a chart and map design in Adobe XDBring your own spreadsheet or use randomly generated data to place your designs in XD. This plugin requires a free account with Odin Chart. Sign up is easy and can be done through the plugin. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<!-- <div class="hidden-in-page">
<p align="center">
<a href="http://bit.ly/2ZwUoEq">
<img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/SuperNova.png" alt="Supernova"/>
</a>
</p>
</div> -->
<article id="code-export">
<h3 id="code-export">Code Export</h3>
<ul>
<li><a href="https://github.com/Charimon/iosViews">iosViews</a> — a Sketch plugin to generate iOS view code. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ngs/sketchplugin-swift-color">Copy Swift Code</a> — a Sketch plugin for generating UIColor and NSColor initializer Swift code from fill color of selected layers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/jaimeeee/sketchplugin-objc-color">Copy Objective-C Code</a> — a Sketch plugin for generating UIColor and NSColor initializer Objective-C code from fill color of selected layers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/littlebusters/Sketch-CSS-Sprite-Mixin">CSS Sprite Mixin</a> — copy mixin code for SCSS, Less and Stylus to the clipboard in Sketch 3. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/marisaroque/sketch-markup-listify">Sketch Markup Listify</a> — a Sketch plugin for convert and copy text layers into HTML lists. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/perrysmotors/copy-framer-code">Copy Framer Code</a> — a Sketch plugin that copies any selected layer to the clipboard as code that can be pasted straight into a Framer prototype. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Cracker9/cracker9-sketch-plugin">Cracker9 Sketch Plugin</a> — cracker9 code-snippet sketch plugin. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/kiranpuppala/sketch-to-view">Sketch To View</a> — generate android views from sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/m-yoshiro/DesignToken2Code">DesignToken2Code</a> — convert design tokens to SCSS variables as code. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/philsinatra/Sketch-Color-Vars">Sketch Color Vars</a> — a Sketch plugin that will export the fill color of selected layers to SCSS, LESS and CSS files. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/reinvanoyen/typex">typex</a> — highly configurable text styles to the web (CSS, sass, HTML, JSON, …) export plugin <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/reeli/sketch-svg-to-react-component">SVG to React Component</a> — a Sketch plugin to compress SVG and transform it to React (include React Native) components. By copy React component directly to your clipboard or export as files. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.paintcodeapp.com/sketch">PaintCode Code Generator</a> — convert your Sketch drawings into Swift or Objective-C. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/jasondonnette/sketch-copy-as-react-component">Copy as React Component (JSX)</a> — generate React components from Sketch with a keyboard shortcut. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/devmynd/scssketch">scssketch</a> — custom tools for living the ultimate the TAND&M; life. Built with love and care by Sarah Aslanifar, Drew Vosburg, and Max Oppenheimer. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/taobaofed/imgcook">imgcook</a> — a cook who can transform the design to code. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/iarthstar/presto-dom-code">Presto-Dom-Gen</a> — generates Presto Dom Code from Sketch Layers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/wangjunwangjunwang/sketch2pixi-plugin">bztone-plugin</a> — convert Sketch layers to JSON. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/littlebusters/Sketch-Exchanger">Sketch Exchanger</a> — convert from Sketch to JSON w/assets and JSON w/assets to Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/JohnCoates/CSSketch">CSSketch</a> — CSS Stylesheet integration to improve your workflow, with Less support. Attach once, updates your design automatically on stylesheet changes. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/liawesomesaucer/StyleClip">StyleClip</a> — a Sketch plugin that copies an element’s styles directly to your Mac clipboard. Supports CSS & SCSS. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/futantan/sketch-style-to-react-native">Sketch Style To React Native</a> — a Sketch plugin that copies an element’s styles in React Native way directly to your Mac clipboard. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/742750636238601912">CSSGen</a> — generate CSS Preprocessors SASS/LESS from your local Figma styles. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/741549820671978943">Icon2Code</a> — easily create a JSON file for your fellow developers with everything they need to create a custom Icon component using their favorite framework or library (React, Angular, Vue, etc.). <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://github.com/peterflynn/xd-copy-css-code">Copy CSS to Clipboard</a> — quickly copy CSS code for text styles, colors, gradients, shadows, etc. to the clipboard. This plugin is open source and only 200 lines of code! <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="workdrive0306@gmail.com">convert scss variables</a> — Xd plugin for frontend engineer, Xd object to scss color and font size and font family variables. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="http://exportkit.com/help">Lightning Storm</a> — create web, mobile and desktop apps instantly. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<!-- <div class="hidden-in-page">
<p align="center">
<a href="http://bit.ly/2VQVTJ8">
<img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/Porkbun.png" alt="Porkbun"/>
</a>
</p>
</div> -->
<article id="code-highlight">
<h3 id="code-highlight">Code Highlight</h3>
<ul>
<li><a href="https://danielguillan.github.io/sketch-syntax-highlighter/">Sketch Syntax Highlighter</a> — automatically highlight the syntax of any code snippet, right within Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/somebee/sketch-codelight">Sketch Codelight</a> — highlight code inside Text layers in Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
</ul>
</article>
<!-- <div class="hidden-in-page">
<p align="center">
<a href="http://bit.ly/2ZwUoEq">
<img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/SuperNova.png" alt="Supernova"/>
</a>
</p>
</div> -->
<article id="collaboration">
<h3 id="collaboration">Collaboration</h3>
<ul>
<li><a href="https://github.com/DWilliames/Google-sheets-content-sync-sketch-plugin">Google Sheets Content Sync</a> — edit and collaborate on your content in Google Sheets, then sync in back to your sketch files. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/nolastan/sync.sketchplugin">Sync</a> — use Google Sheets to sync typography across your team. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.yuque.com/dapollo/group/welcome">Dapollo</a> — design and Development Platform(一站式设计开发工作台) <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/goodpatch/Prott-Sketch-Plugin">Prott Sketch Plugin</a> — sync Sketch artboards to Prott like a boss. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://plotapp.co">Plot</a> — collaborate with your design team in a new way <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Frontify/sketch">Frontify Plugin</a> — connecting your brand and design worlds <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://sensive.co">Sketch Sync</a> — create a collaboration hub for your Sketch files. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/LukeFinch/Quopi">Quopi</a> — fetches copy from the comments on your Abstract branch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://kopie.io">Kopie</a> — the copy-editing tool for web and product design <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/742073255743594050">Figma Chat</a> — this plugin helps you to interact inside your files with other peoples. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/742769304454952644">Status</a> — when collaborating on features with multiple designers and developers, it can be hard to keep track of which designs are ready to be implemented and what is still a work in progress. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="support@goproof.net">GoProof</a> — the GoProof plugin for Adobe XD brings proofing and collaboration on prototypes into the GoProof ecosystem, enabling app and web designers to manage XD work alongside all their other Adobe Creative Cloud media in an effortless and natural workflow. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="hello@goslope.com">Slope</a> — an easy way for teams to manage creative projects and tasks. With the Slope plugin, designers will be able to view a list of their tasks in XD that they are assigned to in Slope, and then request feedback or approval from stakeholders. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="support@bluescape.com">Bluescape</a> — interface with Bluescape, a visual collaboration platform, without having to leave Adobe Creative Cloud.- Export your Adobe designs directly to a workspace- Receive and respond to comments- Import images into your working document from BluescapeTo access the plugin, you will need a Bluescape account. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://mixed.io">Mixed</a> — Share on Mixed – communicate with voice, collaborate in real-time. Annotate, feedback & sketch together with simple visual tools. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<article id="color-management">
<h3 id="color-management">Color Management</h3>
<ul>
<li><a href="https://www.figma.com/c/plugin/798711644668166520/Adjustments">Adjustments</a> - HSL color adjustment plugin for Figma. Tweak hue, saturation and lightness values of multiple selected objects simultaneously. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="Figma" /></li>
<li><a href="https://github.com/johnmcclumpha/sketch-retain-text-color">sketch-retain-text-color</a> — retain the original color of text layers when applying a Text Style. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/anavarromartin/sketch-color-locator">color-locator</a> — find all instances of a HEX color. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/johnmcclumpha/sketch-add-colors-to-palette">add-colors-to-palette</a> — quickly and easily add colors from the fills of selected layers in a Sketch file to the document palette. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/akiersky/color-swatcher">color-swatcher</a> — a Sketch plugin to analyze document colors and show the WCAG color contrast value. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/jorgemartins/add-selected-colors">add-selected-colors</a> — add selected colors to document palette, sketch plugin. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Ashung/import-colors-sketch">import-colors</a> — import colors from swatches file to Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://colorspark.app/sketch">ColorSpark for Sketch</a> — a simple tool to help designers discover unique colors and gradients directly in Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/KevinGutowski/keyColor">keyColor</a> — a Sketch plugin to apply colors via the keyboard. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/larsenwork/sketch-easing-gradient">sketch-easing-gradients</a> — supercharge your gradients in Sketch with no-linear color mix and custom color spaces <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/thechinesekid/bonsai-plugin">Bonsai Standards</a> — update all the colors in an artboard to the latest Bonsai colors. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/abnamrocoesd/Chromata">Chromata</a> — find rogue colors <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/AMoreaux/Sketch-Icons">Sketch Icons</a> — import your icons, apply a color mask and create a dynamic icons library. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/bryanberger/sketch-wcag">Sketch WCAG</a> — a Sketch plugin that lets you contrast test your entire color palette against the WCAG guidelines all at once. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/awkward/sketch-palette-generator">Sketch Palette Generator</a> — output a JSON color palette to Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Carlosarturo28/Appalette">Appalette</a> — a Sketch plugin that lets you find the color palette of (almost) any App. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/poyi/CopyColor">CopyColor</a> — a plugin that provides a shortcut to copy layer fill color, border color, or text color to your clipboard for Sketch 4. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/colesperks/QuickColor">QuickColor</a> — a Sketch plugin that lets you quickly apply colors from the color palette to selected elements. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/joclin/arrowfy">arrowfy</a> — add a simple arrowhead to end of selected paths. Matches color and weight. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="http://opencolor.tools/">Open Color Plugin for Sketch</a> — a Sketch plugin to support the open color file format <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/LaloMrtnz/Prism">Prism</a> — creates a beautiful artboard color palette with all your ‘Document Colors’ and their respective color label in a variety of formats. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/peterwooley/copy-color-as-hsla">Copy Color as HSLA</a> — a plugin to copy the fill, border, or text color of the selected layer to the clipboard as HSLA. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/AntonioJMartinez/sketch-ImageAverageColor">Sketch Image Average Color</a> — a plugin to save and use the average color of an image. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/peterwooley/colorpeek-sketch-plugin">Colorpeek</a> — gathers the colors used in your selected layers and shows them in Colorpeek. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/heysketch/sketch-color-picker-plus">Color Picker Plus</a> — set borders color using standard Sketch color picker <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/arshad/Sketch-Sass-Colors">Sass Colors</a> — displays colors as preconfigure Sass variables for Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/andrewfiorillo/sketch-palettes">Sketch Palettes</a> — a Sketch plugin that lets you save and load colors in the color picker <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/t32k/material-design-color-palette">Material Design Color Palette</a> — a Sketch app plugin for displaying Google material design color palette. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/graphical-iain/Copy-SCSS-Colors">Copy SCSS Colors</a> — a Sketch.app Plugin to copy colors to clipboard as SCSS variable definitions. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/mfouquet/Color-Copier">Color Copier</a> — a Sketch plugin to quickly copy color RGB/HEX values. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/getflourish/Sketch-Style-Inventory">Style Inventory</a> — generate a visual style sheet with all colors and text styles that you are using in Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/nathco/Swap-Fill-Border">Swap Fill & Border</a> — a Sketch.app plugin for swapping fill and border colors. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/einancunlu/Sketch-iOS-Bar-Color-Calculator">Sketch iOS Bar Color Calculator</a> — 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. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/petterheterjag/chromatic-sketch">Chromatic Sketch</a> — create good-looking and perceptually uniform gradients and color scales. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/sureskumar/palette-stripes">Palette Stripes</a> — generate palette stripes in sketch from shape fills. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://alembicforsketch.com">Alembic</a> — a Sketch plugin to extract a color palette from any layer that contains bitmap data. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://lalomts.github.io/Chain/">Chain</a> — dynamic color relations in Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/lewishowles/sketch-replace-colour">Replace Colour</a> — Replace all fill or text colours matching the selected layer <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/mheesakkers/sketch-plugin-convert-to-grayscale">Convert To Grayscale</a> — a simple Sketch plugin to convert selected shapes to grayscale colors <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Ashung/HSL_Color_Picker">HSL Color Picker</a> — HSL Color Picker for Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/avadhbsd/RandomColors">Randomcolors</a> — a Sketch App Plugin For Applying Random Colors To A Selection Of Objects. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/nerd0geek1/SketchColorPalette">Sketch Color Palette</a> — a Sketch Plugin to generate .clr(Color Palette) file from selected layers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Ashung/Sketch_Swatches">Sketch Swatches</a> — a swatches plugin for Sketch, include Material Design, Open Color, RAL, TOYO, Pantone and more. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/andex/ColorBrightness">ColorBrightness</a> — Color Brightness sketch plugin <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/themainingredient/colormate">Colormate</a> — a 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. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/iarthstar/Image2Palette">img-pal-gen</a> — generates Color Palette from Image Layer <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/bunnieabc/Blender">Blender</a> — a sketch plugin to create awesome gradient layers <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/andex/ggradient">GGradient</a> — simple way to create perfect gradient <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/webkul/coolhue">CoolHue</a> — coolest handpicked Gradient Palette for super amazing stuff <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/742549221432366731">Palette</a> — palette helps you create the perfect color palette through machine learning from Colormind. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/731841207668879837">Image Palette</a> — extracts a color palette of 5 different colors from the selected images. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/744909029427810418">uiGradients</a> — adds gradients to groups, text and frames in a single click. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/740832935938649295">Color Palettes</a> — find the best color palette from the huge list of best color palettes. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/735658738614175372">Color filters…</a> — a simple plugin that allows you to quick convert all the colors in you selected layers or frames. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/744725347356614754">Dominant Color Toolkit</a> — generate a palette from an image to magically populate your designs. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/740232388085828578">Brands Colors</a> — find the best color from the world’s best brands and cool apps. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739237058450529919">Chroma</a> — create bulk color styles from the selection. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739800909357948721">GradientiMe</a> — simply generates a rectangle layer with the gradient selected. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739475857305927370">Color Designer</a> — the plugin generates shades, tints, and color harmonies based on select layers or local styles. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/738840049488759901">Invert Color</a> — invert backgrounds, fills, strokes & effects colors. Apply change to multiple selected shapes, texts, frames etc. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/754415266574382747">Color Compass</a> — this plugin was designed to make choosing colors a more accurate and efficient affair by generating interactive swatches using a single base color. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/755559299451656995">Color Combinator</a> — a Figma plugin for exploring different combinations of colors among elements. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/759433498184507623">Chromatic Figma</a> — lets you use other color spaces than RGB, such as Lab and Lch, to create good-looking and perceptually uniform gradients and color scales. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/741291546405622147">Compliments</a> — use this simple plugin to find complementary, split complementary, triad, tetrad, monochromatic, and analogous colors to a selected layer’s fill. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/744287694483504163">Photo to Palette</a> — generates colour palette from selected images. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739558587628004077">Navigator</a> — an easy way to find and apply color styles from your current document. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/744987207861965946">Shadow Picker</a> — quickly apply various shadows to layers with just 2 clicks. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://abdnahid.com">Instant Color</a> — generate 470+ colors of Ant Design, Tailwind and Flutter in your artboard. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="alon.gruss+xdplug@gmail.com">Random Colors by Alon Gruss</a> — Randomly generated color objects! <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://t.me/savedata_space">material palette</a> — on-screen material palette <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/lukecjohnson/ColorSpark-for-XD">ColorSpark</a> — ColorSpark for Adobe XD allows designers to quickly generate random colors and gradients directly in their XD projects. With ColorSpark, designers are sure to discover truly unique colors and striking gradients. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/masa-sumimoto/adobe-xd-color-scale">Color Scale</a> — a plugin that can generate color scales. Select one Text, Rectangle, or Ellipse node and run the plugin. You can get graded colors from the node fill color towards white, black, complementary colors etc. You can also get a color scale by selecting two specific nodes. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/mcoulthurst/xd-gds-palette/blob/master/README.md">GDS palette</a> — import color palette used in the GOV.UK Design System. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="workdrive0306@gmail.com">create color palette</a> — XD plugin for frontend engineer, Xd object to color palettes. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="mightyskeet@gmail.com">Complex Gradients</a> — several useful tools for gradient fills. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/peterflynn/xd-color-blender">Color Blender</a> — fill colors across a set of selected objects. Can also auto-create the intermediate objects by cloning if you only have two objects selected. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/aancuta/XD-chromaticPlugin">Chromatic Gradients</a> — this XD plugin lets you create an approximation of a gradient in other color spaces, like LAB. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://qooqee.com/crhelp">Color Ranger</a> — colorRanger gives you the power to adjust brightness, saturation, hue and color depth in one click. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="can@canpoyrazoglu.com">Select Same Color</a> — when an item is selected, allows quick selection of items with the same fill, border, or shadow. Supports both solid colors and linear gradients. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="n.bhargavvenky@gmail.com">Material Color Pallets</a> — this Plugin Provides Material Color Pallets to Use in your Project. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<article id="copy--paste">
<h3 id="copy-paste">Copy & Paste</h3>
<ul>
<li><a href="https://github.com/wuwa/sketch-copy-to-all">Copy to All</a> — sketch - copy to all artboards plugin <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/delighted/sketch-duplicate-to-new-artboard">Duplicate to New Artboard</a> — a Sketch plugin to duplicate the current selection(s) to new artboard(s). <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/turbobabr/Duplicator">Duplicator</a> — a Sketch 3 plugin that takes the currently selected layers and copies them one or multiple times in a specified direction. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/keremciu/sketch-repeat">Sketch Repeat</a> — this plugin helps you easily duplicate your objects to all Artboards. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/FrancisVega/sketch-copy-paste-layout-settings">Sketch Copy Paste Layout Settings</a> — copy layout settings from one artboard and paste into multiples artboards. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/midiway/Clipboard2TilledFill">Clipboard to Tilled Fill</a> — allows you to copy an image file from Finder (PNG, JPG) and set it as a tilled fill of selected shape(s). <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/yudiz-solutions/paste-direct">Paste Direct</a> — design like a guitarist! <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/AleLudovici/sketch-proportional-replicator">Proportional Replicator</a> — this plugin for Sketch takes the selected layer and create new rectangles with sizes proportional to it. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/kenmoore/Sketch-Better-Paste">Better Paste</a> — paste like it was meant to be–into the artboard you’re viewing. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/736564662640346811">Component Cloner</a> — with component cloner, you can select component instances you want to copy and they’ll be assigned to a new copy of their original master component. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/735442706723922553">Blend</a> — blend plugin allows you to copy any object along the path. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/740097744539225981">Paste to Fill</a> — copy an image and paste it as fill on your selected layers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/741413612560725424">Paste to Mask</a> — use your selected layers as Mask for the image in your clipboard. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/751760002167220558">Multiply</a> — quickly multiply a layer in rows, columns or both (grid) <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
</ul>
</article>
<article id="data-generation">
<h3 id="data-generation">Data Generation</h3>
<div class="hidden-in-page">
<pre><code><p align="center">
<a href="http://bit.ly/33Q3AC0">
<img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/Abstract.png" alt="Abstract"/>
</a>
</p></code></pre>
</div>
<ul>
<li><a href="https://github.com/iconscout/icondrop">Iconscout</a> — get access to 2 million+ icons, illustration, and stock images right into your design app. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /> <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /> <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Craigtut/liveplanet-sketch-datasupplier">liveplanet-sketch-datasupplier</a> — supply’s real data from Live Planet’s api to sketch for testing designs <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/vinceangeloni/jerryipsum">jerryipsum</a> — a Seinfeld data plugin for Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ozgurgunes/Sketch-Turkish-Data">Turkish Data</a> — Turkish data supplier plugin. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://sketchairtabledataplugin.com/">Airtabledata</a> — use your Airtable data in your Sketch symbols <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/jdwolk/sketch-csv-mailmerge">CSV Mail Merge</a> — a lightweight Sketch plugin for importing data from .csv files using “{}” text sections. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ahadik/chemofill">chemofill</a> — a Chemical Structure data supplier plugin. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/VKCOM/vkdata-sketchplugin">VK-Data</a> — a plugin for using data from your account at vk.com <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/hiradarshadi/PersianSupplier">PersianSupplier</a> — a Sketch Plugin for supplying dynamic Persian data. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/paintedbicycle/sketch-data-faker">Sketch Data Faker</a> — a Sketch data plugin providing data for you mockups from Faker.js <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Ashung/Sketch-Stuffing">stuffing</a> — a DataSupplier plugin which supplies Chinese data. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/smallmultiples/sketch-chippencharts">Chippen charts</a> — a bar chart creator for your mockups using random data. Change the size of the selected rectangles. Works for both horizontal and vertical bar charts. Made with love in Chippendale. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/pavelkuligin/chart">chart</a> — create the most popular types of charts by real or random data <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/maximedegreve/TinyFaces-Sketch-Plugin">TinyFaces</a> — fill the content with random avatars & data <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/exevil/Sketch-Export-Text">Sketch Export Text</a> — it helps you to save all text data on the current page in customizable format and filter the excess. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/levinmejia/sketch-shopify-data-populator">Sketch Shopify Data Populator</a> — a Sketch App plugin to populate your designs with meaningful ecommerce data. Goodbye Lorem Ipsum. Hello JSON. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/kvendrik/sketch-json-parser">Sketch JSON Parser</a> — replaces layer values in groups with JSON data <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/preciousforever/sketch-data-populator">Sketch Data Populator</a> — a Sketch App plugin to populate your documents with meaningful data. Goodbye Lorem Ipsum. Hello JSON. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/kumo/sketch-mail-merge">Mail Merge</a> — a Sketch plugin that allows you to duplicate a layer/artboard and replace the text with CSV data. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/timuric/Content-generator-sketch-plugin">Content Generator</a> — a Sketch app plugin for generating dummy data such as avatars, names, photos, geo data etc. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="http://thetylerwolf.github.io/sketch-data-studio">Sketch Data Studio</a> — a Sketch plugin to generate charts and data for data tables. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/3raxton/foreignipsum">Foreign Ipsum</a> — generate text for your mockups in multiple languages. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/fliptopbox/random-ipsom">Random Ipsom</a> — a latin text generator similar to Lorem Ipsum. The plugin outputs randomly ordered paragraph text with three variations. You can use a random word count, a specific word count or inject random content into the existing text blocks. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/JJYing/fake-chinese-name-for-sketch">Fake Chinese Name for Sketch</a> — generate Chinese names for text layers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/freeauto/sketch-lorem-ipsum-2017">Sketch Lorem Ipsum 2017</a> — a Sketch plugin to generate “lorem ipsum” text. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Rezaaa/english-and-persian-lorem-ipsum">English and Persian Lorem Ipsum</a> — a Sketch extension to generate English and Persian lorem ipsum text. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/zcallan/sketch-bacon-ipsum">Bacon Ipsum</a> — a simple & easy Bacon Ipsum text generator for Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/kd-co/charapara-sketch-extension">charapara</a> — Charapara, an initiative by Kerala Designers Collaborative (KDCo), is a dummy text generator for Malayalam <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/jonathasbsouza/brdata">BRData</a> — gerador de dados contextualizados com a realidade brasileira. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/BohemianCoding/sketch-ipsum">Sketch Ipsum</a> — a DataSupplier plugin that fills your text layers with random Lorem Ipsum <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/perrysmotors/sketch-unsplasher">Unsplasher</a> — fills shapes or symbols with images from Unsplash <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/jacopocolo/p5-sketchplugin">P5 Sketchplugin</a> — a plugin for using p5.js code inside Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/konki-vienna/jane_doe">Jane Doe</a> — this Sketch Data plugin adds localized profile names (powered by uinames.com) to your design. - Get diversity into your content. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.shutterstock.com/explore/shutterstock-sketch-plugin">Shutterstock</a> — access Shutterstock’s stunning images without leaving your workspace. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Ashung/design-systems">Design Systems</a> — it helps you find out popular design systems and download the official Sketch UI kit. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/tylergaw/day-player">Day Player</a> — a collection of Sketch Plugins for creating placeholder images. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/littlebusters/JSON-to-Layers">JSON to Layers</a> — convert to Layers on Sketch from JSON (with Fireworks PNG structure). <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/mmth/sketch-artwork-fetcher">Artwork Fetcher</a> — a Sketch plugin for fetching artworks from Last.fm web-service and filling selected shapes with them. Allows fetching artworks by their album and/or artist names. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/soulchild/sketch-logo-fetcher">Logo Fetcher</a> — place logos from either the Logos API (SVG format) or Clearbit API (PNG format) <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/fhuel/Unsplash-It-Sketch">Unsplash It</a> — a plugin to quickly include great-looking image from Unsplash.com in your Sketch projects. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/bshorta/date-generator-sketch">Date Generator</a> — a random date generator plugin for Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/sagishrieber/sketch-any-icon-fetcher">Sketch Icon Fetcher</a> — this plugin will let you insert any website’s favicon, or iOS/Android app’s icon into your design <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/contentsync/SketchContentSync">SketchContentSync</a> — sync sketch files with google docs. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/reneepadgham/diverseui-sketch-plugin">Diverse UI Sketch Plugin</a> — the official Sketch plugin for Diverse UI. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Iconscout/logodrop">Logodrop</a> — a Sketch Plugin to get brand logos right into Sketch App. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/okcoker/Drake-Sketch-Plugin">Drake</a> — a Sketch plugin for generating dummy Drake content such as photos and lyrics. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/pravdomil/Sketch-cats">Sketch Cats</a> — render layers in Sketch as various images of cats <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/designforhuman/event-badges-by-david">Event Badges By David</a> — a Sketch plugin to make a large number of name tags for any kind of events <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/markaleksanderh/100-shapesum">100 Shapesum</a> — a Lorem Ipsum Sketch plugin based on 100 Shapes tone of voice. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/realvjy/uiLogos-sketch-plugin">uiLogos</a> — insert professionally designed dummy logos of companies. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/sunkibaek/Seoul">Seoul</a> — a sketch data supplier plugin for random Korean names. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/idriesalbender/iban-sketch-plugin">IBAN Generator</a> — generate random International Bank Account Numbers (IBAN) <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/YannickWidmer/sketch_strings_puller">String Value Puller</a> — a plugin to handle pull string values from github repositories. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/maxdavid/sketch-foodreau">foodreau</a> — a data supplier plugin for populating designs with real food recipes. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/brandfolder/sketch-plugin-brandfolder">Brandfolder</a> — easily use your digital assets from Brandfolder right within your favorite platform for digital design! <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/wousser/SketchExcelContentSync">Excel Content Sync</a> — decouple and Sync multi-language content between Excel and Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/738454987945972471">Unsplash</a> — insert beautiful images from Unsplash straight into your designs. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/731627216655469013">Content Reel</a> — need content for your layouts? Content Reel helps you easily pull text strings, avatars and icons into your designs. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/736000994034548392">Lorem ipsum</a> — generate ‘Lorem ipsum’ to fill your text layers with dummy text. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/735770583268406934">Google Sheets Sync</a> — Sync content from Google Sheets directly into your Figma file. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739659977030056719">Avatars</a> — add random user avatars to your designs with one click. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/733590967040604714">Brandfetch</a> — tired of looking for a company’s logo? Check this plugin.<img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/735922920471082658">Table Generator</a> — Table Generator plugin automates the addition of tabular data. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739503328703046360">Humaaans for Figma</a> — this plugin brings the amazing illustrations library called Humaaans by Pablo Stanley to Figma. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/740286071386014712">Data Lab</a> — paste random or real data into text layers and components easily. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/735650288109030027">QR Code Generator</a> — ‘QR Code Generator’ helps you to quickly create a Vector QR code. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/745428728979155171">Photos</a> — search and insert photos from Flickr into your Figma files. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/742770131320902341">Random Name Generator</a> — select text layers and run the plugin to populate them with random names, or just run the plugin and get a new text layer with a random name. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/742039398983091764">Lorem Ipsum Generator</a> — Lorem Ipsum Generator, with two clicks generates random text in Figma. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://janisrozenfelds.com/user-profile-plugin">User Profile</a> — enables designers to display beautiful generated avatars in your design prototype. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /> <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/746656816456492537">Avatars generator</a> — Avatars Generator creates unique, AI-generated photos of a fictional persons. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/751874861800404329">Smart Data</a> — Smart Data inserts random data according to the text layer name. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/741940457537193498">Airtable to Figma</a> — this plugin allows you to effortlessly pull text and images from an Airtable database and inject them straight into your Figma components. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/754386961063964303">Simple Table Generator</a> — this plugin generate tables with information from Excel/Google Sheet. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/759249283654441170">Data From Local</a> — insert data from local TXT files or images. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/761525248810814854">Random Key Generator</a> — quickly generate a random data string with alphabets, numerals, and symbols depending on your needs for use as IDs and secrets in your mocks. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/749888869584535589">Flags</a> — add country flags to your Figma designs. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/749195619095691211">JSON Populate</a> — use your own real JSON data to populate your text layers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/755929849994721127">sigils</a> — Sigils is an avatar generated for Urbit IDs. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/736612173445813953">Figmoji</a> — add emojis seamlessly onto your designs. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/758316324890482782">Table Master 3000</a> — easily switch between column work and row work. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://twitter.com/ispykenny">Placeholder Image</a> — Placeholder Image for your designs and wireframes. All images are provided by https://placeholder.com/ <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="amirzenoozi72@gmail.com">Unsplash Random Image</a> — this plugin just generate a random image for your design <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://uifaces.co/tpdne-plugin">This Person Does Not Exist</a> — add computer-generated photos of fictional people to your mockups. This plugin uses the thispersondoesnotexist.com website by Nvidia as a source for the photos and images.weserv.nl as a proxy and resizes tool. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://xdplugins.pabloklaschka.de/support#Lorem">Lorem Ipsum</a> — a small plugin to insert placeholder text that fits your needs. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://nurecas.com/wikify-a-plugin-for-adobe-xd">Wikify</a> — a plugin with which you can populate fields with Wikipedia content. Select a text field or an image container or both, run the plugin and type in what content you want to populate the fields with. Enjoy! (Please note that the licenses of the content have to be acquired and used separately.) <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="jakovcevski@gmail.com">Movie Posters</a> — import movie posters in your designs with a click. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/realvjy/uilogos-XD">uilogos</a> — uiLogos allow you to Insert professionally designed dummy logos of company and 190+ Country flags directly into mockup. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="mail@dpandey.com.np">User Images</a> — this plugin fills selected shapes with random user photos using randouser.me’s API. Plugin needs internet connection on your machine to work. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://support.airtable.com/hc/en-us/articles/360009887334">Airtable</a> — forget lorem ipsum: iterate with real content in your designs when you connect Adobe XD to an Airtable database of UI copy, images, and more. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://googlesheetsforadobexd.impekable.com">Google Sheets</a> — a plugin that enables designers within XD to enrich their designs with real content and data from Google Sheets. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="andreea.marica11@yahoo.com">ContentGenerator</a> — a content Generator plugin helps you generate randomised content for your design. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="feedback@datapopulator.com">Data Populator</a> — a plugin to populate your design mockups with meaningful data. Goodbye Lorem Ipsum. Hello JSON. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="agata@chuwa-print.co.jp">QR Code Maker for XD</a> — create QR Code in the current document. This plugin will work 8 bit binary mode with UTF-8. The error level will set low. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://uifaces.co">UI Faces</a> — avatars for design mockups. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /> <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<!-- <div class="hidden-in-page">
<p align="center">
<a href="http://bit.ly/2ZwUoEq">
<img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/SuperNova.png" alt="Supernova"/>
</a>
</p>
</div> -->
<article id="developers-handoff">
<h3 id="developers-handoff">Developers Handoff</h3>
<ul>
<li><a href="https://github.com/utom/sketch-measure">Sketch Measure</a> — make it fun to create a spec for developers and teammates! Automatically generating html page with one click, inspect all the design details including CSS Styles on it offline. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="http://tudou527.github.io/marketch/">Marketch</a> — a Sketch 3 plug-in for automatically generating html page that can measure and get CSS styles on it. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://sympli.io">Sympli</a> — 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. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /> <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://avocode.com/download?origin=sketch">Avocode Sketch Plugin</a> — sync Sketch designs to Avocode. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/inker8/sketch-plugin">Inker8</a> — a spec exporter for Sketch which can copy text/css/svg icons with only one click. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/BriteSnow/sketch-storyboard">Sketch Storyboard</a> — export a full story flow and dev spec in one shortcut. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/nahitheper/SwiftColorPalette">SwiftColorPalette</a> — a Sketch plugin that generates Swift Color Theme with enums <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://idoc.mockplus.com/download/sketch">Mockplus iDoc</a> — generating Assets and Specs Automatically, Make Design Collaboration Easier <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /> <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://lanhuapp.com/mac">Lanhu App</a> — automatic generate specs for developers and share assets <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/tadija/AEIconizer">AEIconizer</a> — iOS icon generator plugin for Bohemian Coding Sketch app. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://zeplin.io">Zeplin</a> — a Zeplin Sketch Plugin. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://modao.cc/sketch">MockingBot</a> — MockingBot Sketch Plugin, Your sweet Sketch companion making your handoff process more efficient than ever <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739918456607459153">Figma Measure</a> — a plugin for easy measurement of sizes. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://github.com/inker8/xd-plugin">inker8</a> — export design spec to measure positions, copy CSS and export icons. Make writing CSS and UI fun. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<article id="document-optimisation">
<h3 id="document-optimisation">Document Optimisation</h3>
<ul>
<li><a href="https://github.com/monzo/file-cleaner">File Cleaner</a> — keep your Sketch files immaculately clean and in order. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="http://www.sketchcleaner.com/">SketchCleaner</a> — a Sketch plugin that helps you get your design files as clean as a whistle. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/swiadek/pixel-perfecter-sketch-plugin">Pixel Perfecter</a> — pixel-perfecter helps you find pixel imperfect layers in your documents. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/stackdevelopment/sketch-pixel-cleanup">Sketch Pixel Cleanup</a> — a plugin for Sketch to fix all of those partial pixels <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/bomberstudios/Cleanup-Useless-Groups">Cleanup Useless Groups</a> — a Sketch plugin that cleans up your layer list by removing empty groups and flattening deeply nested groups. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/madwaro/MiseEnPlace">Mise En Place</a> — a Sketch plug-in that helps you prep before you start cooking your designs. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/sonburn/unused-style-remover">Unused Style Remover</a> — remove the unused layer and text styles. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ErikFontanel/sketch-remove-all-disabled-styles">Remove all Disabled Styles</a> — a simple plugin that removes all disabled styles from all layers in the current selection. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/750292779381900360">Delete Hidden Layers</a> — delete all hidden layers (also locked) at the current page except layers in components. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
</ul>
</article>
<article id="document-organisation">
<h3 id="document-organisation">Document Organisation</h3>
<ul>
<li><a href="https://github.com/BaguetteEngineering/annotations-sketch-plugin">Annotations</a> — Hide/show layer groups named ‘Annotations’. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://getcontext.app">Context for Sketch</a> — Add to your document pins linking to prototypes, inspirations, examples or anything else on the web. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="http://marcosvid.al/sketch-notebook">Sketch Notebook</a> — Sketch Plugin to make documenting design easier. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/andrewdbass/Todo-Sketch-Plugin">Todo Sketch Plugin</a> — simple tool to create todo notes for your sketch file <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="http://reinvently.com/moodboard-builder-sketch-plugin/">Moodboard Builder</a> — A streamlined Sketch plugin for creating mood boards quickly and easily. Just do a search, check the suitable images, and - voila - you have a beautiful mood board. Keep inspired! 💡 <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/cshdllr/Notes">Notes</a> — A sketch plugin for taking notes <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://sketchfocus.com">Sketch Focus</a> — A new plugin for Sketch that boosts your productivity by keeping you on-task. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/jacopocolo/changelog.sketchplugin">Changelog</a> — A simple Sketch plugin to generate artboard-based changelogs <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/zhongerxin/PinLog">PinLog</a> — A plugin that would help you note your changeLog and can help other people to find the change in sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/747822968977461925">Todo</a> — Simple todo list plugin to check off your tasks inside Figma! <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739527655081183968">Notepad</a> — Use Notepad to add a place for notes to your Figma documents. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/732774680197470712">Figma Format</a> — lets you format your canvas by grouping them by the names. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/732617369306910191">LayerMaid</a> — LayerMaid will go through the entire layer panel and organize it; top to bottom, left to right. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/747372158567878238">Project Scaffold</a> — This plugin Generates a Scaffold for your Product design project in just 1 click. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/748783469068559194">Link to Documentation</a> — Open documentation pages from your components. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/761641569499378065">work in progress</a> — The plugin quickly marks layouts that are in work or don’t approve finally. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739089407370404321">Visibility</a> — Changes the visibility of objects with a name that includes “~visibility” <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="contact@starlit-studio.com">Page No</a> — Automatically insert page numbers into your artboards based on their arrangement. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://tourdexd.com/plugin/notes-and-annotations/">Notes and Annotations</a> — With Notes and Annotations you can easily add interactive notes based on provided templates or create your own look and feel. With two simple buttons, you can easily hide or show all notes in the entire document. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://www.derekknox.com/articles/bookmarks-adobe-xd-plugin">Bookmarks</a> — Bookmark document zoom and pan locations.- Jump around large documents with ease- Jump to areas of interest when presenting designs, user flows, etc.- Jump to a bird’s-eye view of all artboards in one view- Bookmarks persist in the document so they’re shared with team members automatically- Nickname bookmarks for easier understanding of their zoom and pan location <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<article id="layout--padding">
<h3 id="layout-padding">Layout & Padding</h3>
<ul>
<li><a href="https://github.com/fuggfuggfugg/sketch-dynamic-button-3.5">Dynamic button plugin for Sketch.app 3.5</a> — Dynamic button plug-in for Sketch.app 3.5 allows you to create buttons with fixed paddings no matter what text you add. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/herrkris/sketch-dynamic-symbol-button">Dynamic Symbol Button</a> — Adds the ability to have dynamic symbol buttons that resizes when the text changes. [sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg</li>
<li><a href="https://github.com/DWilliames/paddy-sketch-plugin">Paddy</a> — Automated padding, spacing, and alignment for your Sketch layers <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/novemberfiveco/symbol-spacer-sketch-plugin">Symbol Spacer Sketch Plugin</a> — Automatically resize spacing symbols to correct size when changing to a different one <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/kenmoore/Sketch-Relabel-Button">Relabel Button</a> — Update a button’s label and it gets resized automatically, preserving existing padding. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://animaapp.github.io/Auto-Layout/">Auto Layout</a> — Responsive design inside Sketch. Design for all screen sizes on one artboard. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/bouchenoiremarc/Sketch-Constraints">Sketch Constraints</a> — A plugin that integrates constraints in Sketch to layout layers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/materik/sketchplugin-pixelperfect">Pixel Perfect</a> — Plugin for Sketch for handling layout and sizing of layers automatically based on their names. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/romashamin/compo-sketch">Compo</a> — Makes it easier to work with interface components in Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ErikFontanel/sketch-toggle-constrain-proportions">Toggle Constrain Proportions</a> — Toggles the constrain proportions setting with keyboard shortcut ⌘ + P. Sketch v39+ compatible. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/KikeSz/Method-Sketch-Plugin">Method</a> — Tool to apply your methodology systems <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/hrescak/Sketch-Flex-Layout">Sketch Flex Layout</a> — Plugin for Sketch allowing for CSS Flexbox layouts using stylesheets and prototypes. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/732240841094697441">Viewports</a> — Make sure that your mobile designs are covering a reasonable share of the market! Select one or more frames and Viewports will let you change their sizes to your preferred device. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/734548932196004433">Paddet</a> — Paddet is a small tool that will help you automatically apply padding to frames. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/743654854885744527">Responsify</a> — A Figma plugin to quickly test your designs across multiple device sizes. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/734140091470043718">Dynamic Component Resizer</a> — With this plugin, you’ll be able to setup components and resize their instances while maintaining the spacings that you’ve set in the master. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/746314565953874339">Paddi</a> — Paddi helps you to set paddings for a Group, a Frame, or a Component. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/755300155155835622">AutoLayout</a> — AutoLayout dynamically lays out layers in frames and updates the layout when the dimensions of child layers change. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/745754288876102954">Stacks</a> — Stacks provide extensive, semi-automated control over the spacing, direction, and alignment of layers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
</ul>
</article>
<article id="export">
<h3 id="export">Export</h3>
<ul>
<li><a href="https://github.com/d4rekanguok/sketch-slicer">Sketch Slicer</a> — Create slice layers from selected layers, with padding or set a fixed size. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ozzik/slicer">slicer</a> — Your friendly Sketch slicing helper <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/here-erhe/Design-Token-Exporter">Design Token Exporter</a> — Simple Design Token Exporter <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/mascardoso/sketch-export">sketch-export-to</a> — Export an artboard layer to json or markdown <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/deepakshrma/sketch-slice-it">slice-it</a> — Slice-it tool, Export the slices from the local sketch file in png, jpeg, svg <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/fragmentlv/drafta">Drafta</a> — Export designs directly to Drafta <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/CaravelDesign/caravel.sketchplugin">Caravel</a> — Export your artboards directly to Caravel projects. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/mcansh/squash-sketchplugin">Squash</a> — Export and optimize images with Realmac Squash <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ImageOptim/sketch-plugin">ImageOptim Sketch Plugin</a> — A Plugin for Sketch that compresses exported images using ImageOptim. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/marianomike/sketch-exportsymbols">Export Symbols</a> — Sketch Plugin that exports all symbols as pngs to a specified folder <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Ashung/Android_Res_Export">Android Res Export</a> — Export Android resources in Sketch, include PNG assets, app icon, nine-patch image and vector drawable. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://atomic.io/sketch">Atomic Sketch Plugin</a> — Exports Sketch Files to Atomic <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/jawayang/Sketch-Base64-PNG-Export">Base64 PNG Export</a> — sketch plugin for Export Data URI <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/kodlian/IconSlate-sketchplugin">IconSlate</a> — Export icons (icns,ico,…) from Sketch using Icon Slate. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://indigo.infragistics.com/sketch-home">Export to Indigo</a> — Generate Indigo Studio projects from your artboards to create interactive, animated prototypes. Get real user feedback through included usability studies with video replays. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/udi-gindi/sendTo">sendTo</a> — Export layer as an email attachment <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/charliecm/sketch-page-export">Page Export</a> — A simple Sketch plugin for exporting page(s). <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/StyleShare/Gretel">Gretel</a> — A Sketch plugin that flattens files after exporting. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/funfungo/ImageCodeExporter">ImageCodeExporter</a> — a plugin that exports your sketch layer for code usage <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/mLihs/svg-bem">SVG-BEM</a> — a plugin for SVG export to convert IDs to Classes, create BEM Styled Naming Based on Layers. Uses SVGO to compress and Clean up SVGs, right when you export them. Based on the SVGO Compressor Plugin <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/TheSonOfThomp/Batch-Export-Rename">rename-export</a> — Use this plugin to batch export layers with consistent filenames <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/melsomino/sketch-somino">Somino</a> — Attachable styles, Advanced clipboard, Silent export <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/buba447/Lottie-Sketch-Export">Lottie Sketch Export</a> — Native Sketch plugin for exporting Artboards and Symbols into Lottie JSON <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/naoyawatanabe/awesome-image-compressor">Awesome Image Compressor</a> — Compress exported image assets <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/BohemianCoding/sketch-image-compressor">Sketch Image Compressor</a> — A Plugin that compresses bitmap assets, right when you export them. This Plugin <em>requires</em> Sketch 3.8. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/levtolstoi/Nucleus">Nucleus</a> — Plugin for creating Atomic Design concept in Sketch and export scss-map for front-end <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/alexjlockwood/sketch2vd">sketch2vd</a> — A Sketch plugin that exports selected layers to VectorDrawable for Android. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/josephmcasey/sketch-plugin-svgo-unique-id">SVGO Export</a> — Uses SVGO to compress exported SVG assets <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/oodesign/icon-tools">Icon Tools</a> — Sketch.app plugin to clean icons and to prepare them for a clean export without tints and masks. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/MattCowBoy/giancartboard">giancartboard</a> — Sketch plugin to export artboards in folders automatically numbered <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://websiddu.github.io/sync-to-slides/">Sync To Slides</a> — Sync to Slides is a Sketch plugin that will help you upload your artboards to Google Slides directly without an export step <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/vconesa/justinmind-sketch">Justinmind Sketch</a> — You can export artboards, layers, and pages you’ve made in Sketch to Justinmind and turn them into interactive shareable prototypes. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/bigxixi/Sketch2AE">Sketch2AE</a> — A Sketch plugin to export sketch file to Adobe After Effect <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/work4blue/sketch-app-asset-export">App Asset Export</a> — Sketch3 plugin, One key export Android/iOS App icons. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/nathco/Export-More">Export More</a> — Sketch.app plugin for exporting ICNS and GIFs <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/nilshoenson/shared-text-styles">Shared Text Styles</a> — Easily import and export your Text Styles in Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/JoeManto/Sheetie">Sheetie</a> — Sketch 3 Plugin that makes a SpriteSheets to export or use <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/screenfork/ScreenFork">ScreenFork</a> — ScreenFork is the Sketchapp plugin that export screens and their variants based on Layer prefix <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://sketchapp.com/extensions/plugins/svgo-compressor/">SVGO Compressor</a> — A Plugin that compresses SVG assets using SVGO, right when you export them. This Plugin requires Sketch 3.8. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/kang-chen/sketch-export-generator">Sketch Export Generator</a> — Sketch plugin to export assets at different scale sizes <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://proto.io">Export to Proto.io</a> — 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. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/devxoul/sketch-export-sizes-generator">Sketch Export Sizes Generator</a> — A simple plugin for Sketch that generates export sizes of layers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/jonmmay/sketch-scrollmotion">ScrollMotion</a> — Sketch plugin to export ScrollMotion <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/bunguu/SketchExportForRepliaPlugin">Export for Replia</a> — Sketch Plugins to export selected artboard or layers for Replia. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/abynim/Xport">Xport</a> — A Sketch Plugin to export image assets directly to Xcode <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/nickstamas/Sketch-Better-Android-Export">Better Android Export</a> — A plugin for exporting layers for Android. Supports transparency and 1x and 2x base sizes. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/elihorne/smartboards">smartboards</a> — Smartboards aims to make managing and exporting artboards easier in Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/GeertWille/sketch-export-assets">Export Assets</a> — A Sketch plugin that allows you to quickly export assets for Android, iOS, Windows Phone, and the Web. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/emrerussia/sketch-clear-export-options">Clear Export Options</a> — Clear export options for all elements on all pages in a Sketch file. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://timeline.animaapp.com">Timeline</a> — Create beautiful timeline animations and export GIF or MP4 <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/richardgazdik/sketch-quickexport">Quick Export as PNG</a> — Quick Export layers/artboards/symbols as PNG Plugin for Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/iGenius-Srl/Seca">Seca</a> — Your friendly Sketch slicing helper for symbols <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/naughtandcross/sketch-library-audit">library-audit</a> — Export Symbol and Shared Style data from any Sketch Library to CSV. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/RealtimeBoard/sketch_plugin">Miro plugin for Sketch</a> — Add, share and discuss your Sketch artboards with the team in Miro (formerly RealtimeBoard). The plugin allows to sync the artboards with the boards in one click <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.workingon.co">SketchingOn</a> — Quickly select and share work in progress with your team via WorkingOn. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://zeroheight.com">zeroheight</a> — Document your design system using beautifully simple style guides synced with Sketch and code <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://droplr.com/integrations/sketch/">Droplr</a> — Droplr for Sketch lets designers quickly and easily share their Artboards <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://phraseapp.com/sketch">PhraseApp Sketch Plugin</a> — Sync your design content from Sketch with PhraseApp <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ZhichengChen/snatch">Snatch</a> — Sketch plugin which uploads layer to CDN directly. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/cranksoftwaredev/SketchPlugins">Storyboard Export</a> — Export Sketch based designs to be used within Crank Software’s Storyboard Suite <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/jclappiway/sketch-to-trello">Sketch to Trello</a> — Export Sketch Artboard to Trello <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/delighted/sketch-upload-to-cloudapp">Upload to CloudApp</a> — Upload to CloudApp: Upload the current artboard or page to CloudApp. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="http://timurnurutdinov.github.io/framerinventory/">Framer Inventory 2.0 for Sketch</a> — Sketch plugin to generate FramerJS prototypes. Just have your motion done. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/WeTransfer/Sketch-Plugin">WeTransfer</a> — Share artboards and pages via WeTransfer <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/inthepocket/hubble-sketch-plugin">Hubble Sketch Plugin</a> — A Sketch plugin to extract assets and primitives and send them to Hubble.app <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/dribbble/dribbble-sketch">Dribbble</a> — Share your creative process directly to the Dribbble community from within Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/google/sketch2ae">AEUX</a> — Transfer layer to After Effects <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ajgagnon/projecthuddle-sketch-sync">projecthuddle</a> — Syncs sketch files with ProjectHuddle mockup projects. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/alxrm/sketch-tinypng-compressor">Sketch TinyPng compressor</a> — A Plugin that compresses bitmap assets using TinyPNG API. This Plugin <em>requires</em> Sketch 3.8. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/KivyGogh/coffee-slice">Coffee Slice</a> — A Sketch plugin to make the standard slicing with a user-given viewBox size automatically and creating multiple sizes(1x/2x/3x) of your slices, you can choose to autosave in a path or not. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://specifyapp.com">Specify (Alpha)</a> — Export styles and assets to your Specify Libraries. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/782713260363070260">Advanced SVG Export</a> — optimize SVG before exporting without leaving Figma. Uses SVGO under the hood. [figma.svg]</li>
<li><a href="https://www.figma.com/c/plugin/735452896889481850">Android Resources Export</a> — Export multiple sizes PNG from a selected slice or exportable layer, with a fixed folder structure (drawable-xhdpi, etc..) and valid name. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/747172434405306948">iOS Export Settings</a> — This plugin automatically applies the correct export settings for every required iOS App Icon size and density. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/745898698224781628">iOSPNGExporter</a> — This plugin helps you to create the most common used export settings for iOS PNG icons, including a <span class="citation" data-cites="2x">@2x</span> size and a <span class="citation" data-cites="3x">@3x</span> size. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/742318143106037364">icns/ico Generator</a> — A Figma plugin to export Frame nodes to .ico (Windows) and/or .icns (Mac) files. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/747228167548695118">Export .zip</a> — Easily export assets from Figma directly into a .zip file. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/738907708841687244">Archiver</a> — Archiving frames within a design lifecycle is good practice to ensure that design assets are not lost, while also not getting in the way of current work. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/755582372562882351">Slicer</a> — A Figma plugin to make easier to slice multiple objects. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.justinmind.com/community/">Justinmind for XD</a> — Bring your artboards, pages and layers to Justinmind, and turn your designs into an interactive, shareable prototype. Compatible with Justinmind version 8.6 and up. Once exported the resulting file can be opened with the Justinmind application available at www.justinmind.com <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/stursby/xd-copy-svg-code-plugin/issues">Copy SVG Code</a> — Plugin to generate SVG code from the selection. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://t.me/savedata_space">Advanced Export</a> — this plugin provide code from xd for developers - Colors For Android,CSS,LESS,SCSS - Artboard mockup for Xaml - Name of Artboards <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="http://misjavansitteren.nl/">UWP icons export</a> — Create assets / icons for UWP in the formats 100, 125, 150, 200, and 400. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://bitbucket.org/joeherold/export-react/issues">Export as React Component</a> — Select elements and or groups in your artboard, and export them as react functional components. Name of Group / Element ist the Component Name. (AppIcon => AppIconComponent.js) <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/nikoladev/xd-export/">Export only one size</a> — Do you ever need to export something at 3x scale and then find yourself deleting all the 1x and 2x versions? This plugin lets you choose a scale to export at and then only exports at that scale. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/teach310/Xd2uGUI">XDA Exporter</a> — Export Artboard Info as xda.You can use xda file to any other soft to generate screen. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://dribbble.com/contact">Dribbble</a> — The Dribbble plugin allows you to share your creative process directly to the Dribbble community without ever leaving Adobe XD. Post on behalf of yourself or your team, schedule shots, and more. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="support@getcloudapp.com">CloudApp</a> — CloudApp’s Adobe XD plugin is the quickest way to share screenshots of artboards and assets without leaving XD. Capture your work with a secure and shareable link for accelerated collaboration with both clients and colleagues. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="hi@chrometaphore.com">Custom Export</a> — Export selected Layers and Artboards to any custom scale. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://docs.google.com/forms/d/e/1FAIpQLSeRCfX71_Fg6RVvS-x9IFXFkDnmHgqBwbBYH9wbP-uOqDKp2g/viewform">Trello</a> — Easily send XD assets to Trello. Share artboards and layers with your team without leaving XD. Trello’s simple visual interface helps you manage creative tasks with ease. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://support.sisense.com">Sisense Blox Template</a> — Create Sisense BloX JSON template by selecting your designed items then Ctrl-option-C on Mac and Ctrl-alt-C on a PC, then paste it on Sisense+BloX and you are done!. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="alexdobras@gmail.com">Artboard Deep Link</a> — Fast obtain the exact web link (URL) of the selected artboard for you to paste it in a browser to see your project directly opening at that. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="shingo2000@gmail.com">Artboard for PDF</a> — Create artboards for exporting as PDF files. You Can Select Size (A3 - B5) and Orientation (Landscape or Portrait). <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://xd2sketch.com">XD2Sketch</a> — Export XD files directly to Sketch using our converter. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<!-- <div class="hidden-in-page">
<p align="center">
<a href="https://adobe.ly/33HVSdf">
<img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/Adobe%20XD%20(1).png" alt="Abobe XD"/>
</a>
</p>
</div> -->
<article id="generate-ui-element">
<h3 id="generate-ui-element">Generate UI Element</h3>
<ul>
<li><a href="https://github.com/herrhelms/radial-lines-sketch">Radial Lines</a> — Generate lines originating from a certain coordinate of an artboard. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/sureskumar/super-shapes">Super Shapes</a> — Generate complex organic super-shapes using super formula. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/matej-marjanovic/6Spiral-Sketch-Plugin">6Spiral</a> — 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. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/kumo/sketch-tiles">Sketch Tiles</a> — A Sketch plugin for playing with seamless tiles. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/tomorrowkey/sketch3-mosaic-plugin">Mosaic</a> — A plugin for Sketch3 to apply mosaic easily. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/interfacemarket/Egmont-plugin">Egmont Plugin</a> — Sketch plugin for creating squircle shapes. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/joshdjuric/Skatter">Skatter</a> — A plugin with tools (currently very basic tools) to assist with creating patterns out of shapes. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/0la0/triangle-fields">triangle-field</a> — Generate Delaunay triangle tessellation inside a shape. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/lerte/sketch-qr-code">Sketch QR Code</a> — A Plugin for generating SVG QR Code in the Sketch app. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739208439270091369">Blobs</a> — Create organic blob shapes with the click of a button. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/741184519069077841">Isometric</a> — Isometric allows you to create isometric layers without manually having to set them up. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/740556241021336678">Pattern Hero</a> — Pattern Hero enables you to place selected elements or frames in a grid to create patterns. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/745619465174154496">Get Waves</a> — Get Waves is a free SVG wave generator to make unique SVG waves for your next design. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/740172168964577201">Make blob</a> — Make blob and add it on your page. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/734501601239074381">Sprinkle</a> — Make it rain with confetti. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="http://www.sketchconfetti.com">Confetti</a> — Confetti for Figma lets anyone create gorgeous confetti patterns. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /> <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /> <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/743754408199479204">Metaball</a> — Metaball plugin generates 2D-Metaball shapes from circle objects. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/745971189153303901">Wave & Сurve</a> — With “Wave & Surve” you can easily create a variety of waves and interesting patterns. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/755525134262262553">Random layout generator</a> — An inadequate tool for randomly generating endless layouts. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/753395020416512502">Squiggly</a> — A plugin for generating squiggles. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/750298912003944521">Button Generator</a> — Button Generator does what it says on the box, it generates button components with no fuss. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://medium.com/@tamjeed">Flutter Icon Generator</a> — Generates the App Icons for a given Flutter project. Select the root folder of the flutter app to have Android and iOS App icon generated. The selected object in Adobe XD should be of 100x100 size <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="kenny.krosky@gmail.com">triangle</a> — Quickly add triangle elements to your design that you can customize the stroke - stroke width - stroke color - fill color. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="yuji.arai@romantist.jp">regular polygon</a> — It is a plugin that draws a regular polygon <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="http://romantist.jp/blog/star-shape">star shape plugin</a> — It is a plug-in that draws star-shaped figures. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="n.bhargavvenky@gmail.com">Widgets for XD</a> — Widgets for XD is a great plugin that creates commonly seen plugins in smartphones with a single click or a shortcut <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<article id="guides--grids">
<h3 id="guides-grids">Guides & Grids</h3>
<ul>
<li><a href="https://github.com/herrhelms/even-guides-sketch">Evenly Distributed Guides</a> — Add evenly distributed guides to artboards. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Volorf/Gridy">Gridy</a> — An easy way of creating guidelines <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ichik/removeallguides">Remove All Guides</a> — Removes all the guides from selected artboards. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/pixelpillow/copy-paste-guides">Copy & Paste Guides</a> — Easily copy, paste or remove guides from/to your artboard(s). <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/tomoyukikashiro/Sketch-bootstrap-guides">Bootstrap Guides</a> — Generate guides along with twitter bootstrap grid system. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/luvmex/Sketch-Guides">Sketch Guides</a> — Add Guides to edges and midpoints at once. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/pratikjshah/PS-Guides">Ps Guides</a> — Quickly generate Guides for a selected element in Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/De-La-Vega/BootstrapGrid">Bootstrap Grid</a> — Sketch plugin inserts the correct bootstrap grid in nested blocks. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="http://guides.pratikshah.website/">Sketch Guides</a> — Quickly generate Guides for a selected element in Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://guideguide.me">GuideGuide</a> — Quickly and easily create grids and manipulate guides with a consistent UI in Photoshop, Illustrator, and Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/GCampi/gutter-cutter">Gutter Cutter</a> — A Sketch plugin to create custom grids with guides <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/franklymrshankly/Grid-Layer">Grid Layer</a> — Create columns or gutters as layers. Useful if you need a grid on a component level. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/exevil/sketch-grid-master">Sketch Grid Master</a> — Grid Master is a Sketch plugin that fixes long-standing bugs and adds new functionality related to work with Grid and Layout. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739342962452731553">Guide Mate</a> — Guide Mate is a Figma plugin that helps you add complex guides to your design with ease. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/753903260307779121">Clear Guides</a> — Clears guides! If you have one or more frames selected it will clear the guides in those frames. If there is nothing selected, it will clear the guides on the current page. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://sugarsweetapps.com/contact/?utm_source=Plugin&utm_medium=Direct&utm_campaign=Contact%20Page%20Before%20Installation">Grids Plus</a> — The Only Grid Plugin That Focuses On Work Ready Pixel Perfect Grids CreationGrids Plus+ focuses on usable grids, grids that are pixel perfect (no decimals XX.241 grid placements), it takes the same approach. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://paper.dropbox.com/doc/Repeat-Grid-Fitter-Support--APqpBnFaWjjO6cjwiwV0SpPXAQ-bG0aYLxvVgVpth0tJjkhC">RepeatGrid Fitter</a> — It makes a repeat grid’s size fix to fit the rows and the columns. And you can hide some items. for example, 2(rows) by 4(columns) equals 8 (items). but only 6 items shown. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<article id="images-management">
<h3 id="images-management">Images Management</h3>
<ul>
<li><a href="https://github.com/frankko/Place-Linked-Bitmap">Place Linked Bitmap</a> — A plugin to place external bitmap files into Sketch and update Sketch layers after external bitmaps are updated <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/shakemno/sketch-replace-images">Replace Images</a> — Sketch 3 plugin to replace (as in update) existing images by name in a sketch document. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ribot/sketch-user-flow-docs">Sketch User Flows</a> — This plugin lets you link images in a document with an external image file and update them all at once. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ScottSavarie/Clipboard-Fill">Clipboard Fill</a> — Sketch plugin to paste an image from your clipboard as the fill for any shape <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/mendyismyname/ImageExtractorSketch">ImageExtractorSketch</a> — Extract background fill image in Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/mheesakkers/sketch-image-replaste">Sketch Image Replaste</a> — A simple Sketch plugin for replacing images with the copied image of your clipboard. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/roydigerhund/Images-Reinvented">Images Reinvented</a> — A better way to use images in Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/perrysmotors/reset-image-aspect-ratio">Reset Image Aspect Ratio</a> — A Sketch plugin that resets the aspect ratio of selected images. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Nkzq/advanced-responsive-images-default">Advanced Responsive Images Default</a> — Generate default images according to the sizes given. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/eliasjulian/spooky-sketch">Spooky</a> — Is this image spooky enough? You’ll never have to ask yourself that question again. Happy Halloween! <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/735707089415755407">Image tracer</a> — traces black & white bitmap images, and turns them into a vector layer. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/752462766270432644">Dither</a> — Add dithering effects to your images right there in Figma. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/740702788263758004">Autocrop</a> — Automatically crop the extra space surrounding an image. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://github.com/irajashekarb/Image-Optimizer">Image Optimizer</a> — Image Optimizer is a compression tool that lets designers compress the images within Adobe XD. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="satriamaxt@gmail.com">Tunda Image</a> — With Tunda Image you can place any image at the internet to your shape via the direct image or you can place any image in google image to your shape just copy the image address in your browser and paste it to Tunda Image and the image will be placed to your shape. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/jonenzl/xd-masked-image-shadows/issues">Masked Image Shadows</a> — Quickly and easily add drop shadows to masked images. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/shingo2000/xd-plugin-image-minify">Image minify</a> — Image minify reduces the image quality and resolution of the image layer. By optimizing the image used, it reduces the file size when exporting to a PDF file. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="jeanpr117@gmail.com">Pixabay image finder</a> — Give me words and I’ll give you pixabay images. Simple! Shortcut: Ctrl+Shift+I <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<article id="import">
<h3 id="import">Import</h3>
<div class="hidden-in-page">
<pre><code><p align="center">
<a href="http://bit.ly/33Q3AC0">
<img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/Abstract.png" alt="Abstract"/>
</a>
</p></code></pre>
</div>
<ul>
<li><a href="https://www.stash.diamonds">Stash</a> — Import artboards from Stash to Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="http://boltplugin.com/">Bolt</a> — Import screenshots faster <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/mathieudutour/import-svg-as-artboard">Import SVG as Artboards</a> — Import SVG files as Artboards. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/envato/extensions-sketch-plugin">Envato Elements</a> — Envato Elements Sketch plugin makes it easy to import a select range of Web and Mobile UI Kits from Envato Elements! <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/tankxu/SVG-Insert">SVG Insert</a> — Insert SVG code as a Layer. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/sylvainleris/fr.y3s.sketch.screenshot">Android Screenshot</a> — A Sketch plugin to take screenshots of Android device connected over USB. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/740559260731517035">PasteSVG</a> — This plugin allows you to convert svg code into icon and put it inside the figma. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/738806869514947558">Tailwind CSS</a> — Generate styles and other cool stuff straight out of your tailwind config file? This plugin already supports adding your color styles and has more features coming up in the future. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/747985167520967365">HTML To Figma</a> — Easily convert any webpage to Figma layers by URL. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/749818562498396194">SVG to JSX</a> — This plugin allows you to copy SVG code as a react component so that you don’t have to transform it. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://twitter.com/dvrvrm">PPT for XD</a> — Converts XD files to PPT file with images. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://www.unykvis.com/en/contactos">Inspect</a> — Inspect allow you to collect images, colors, styles and other information from you site. Now you no longer need to leave Adobe XD to inspect a website. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://tourdexd.com/plugin/mimic/">Mimic</a> — Extract colors, font names and images from the web. Useful plugin to kickstart designs based off of something out in the wild. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<article id="map-generation">
<h3 id="map-generation">Map Generation</h3>
<ul>
<li><a href="https://github.com/terence55/sketch-map-creator">Map Creator for Sketch</a> — Plugin to visually create a static map(BaiduMap, MapBox, GoogleMap) with custom options, and location search is available now <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/bouchenoiremarc/Sketch-Maps">Sketch Maps</a> — A Sketch plugin that uses the Mapbox API to fill layers with specific and custom maps. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/eddiesigner/sketch-map-generator">Sketch Map Generator</a> — Plugin to fill a layer with a map generated from a location (Powered by Google Maps) <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/736458162635847353">Mapsicle</a> — With Mapsicle, you can quickly and seamlessly place maps in your mockups. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/731312569747199418">Map Maker</a> — Map Maker allows you to make a customized map blazing fast. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://github.com/boopeshmahendran/AdobeXD-maps/blob/master/README.md">Maps generator</a> — Generate maps using the Google Maps API. Enter a place name or latitude and longitude and click Generate Map. It’s that simple! You can also change the Map Type, Zoom Level and add Custom Styles. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<article id="mockup-plugins">
<h3 id="mockup-plugins">Mockup Plugins</h3>
<ul>
<li><a href="https://www.figma.com/c/plugin/750673765607708804/Artboard-Studio-Mockups">Artboard Studio Mockups</a> — Get access to more than 5300 world-class quality Artboard Studio mockup items right inside your Figma files. Easily render Figma frames into real-life product mockups with a click of a button. More items are added to our ever-growing library every day. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
</ul>
</article>
<article id="other">
<h3 id="other">Other</h3>
<ul>
<li><a href="https://github.com/avk/sketch-tabula-rasa">Tabula Rasa</a> — Add blank backgrounds to transparent artboards <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/mathieudutour/sketch-remove-bg">Remove.bg</a> — Remove image background in a single click <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/franklymrshankly/Label_Layers">Label Layers</a> — A Sketch plugin that labels selected layers <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/jayhxmo/sketch-camera-hotkeys">sketch-camera-hotkeys</a> — Navigate around and present more efficiently <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/mathieudutour/sketch-a-sketch">Sketch a Sketch</a> — Bringing the iconic knobs from the famous toy to Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/KevinvBre/Sketch-Line2Rect">Sketch Line2rect</a> — Replace Lines by Rectangles in Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/alanfraneo/svg-composite">Composite SVG</a> — A Sketch plugin to create a composite SVG file from sketch artboards <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/KevinGutowski/toggleLayers">toggleLayers</a> — One action to toggle layers on / off so that you can more easily remap this to a custom keyboard shortcut. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/lazybearcreations/sketch-lazyboards">lazyboards</a> — Artboard tools to help you with tedious batch tasks. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/daneden/sketch-replace-layer">Sketch Replace Layer</a> — Replace selected layer(s) with copied content/layer(s) <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ingrammicro/puzzle-tokens">Puzzle Tokens</a> — Sketch.app plugin to apply design tokens to Sketch layers <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ziven27/Sketch-IconScope">Sketch Iconscope</a> — Wrap the Icon with a square(4n) scope. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/toyboxsystems/roller">Roller</a> — Roller is the first Linter for Designers. It works just like spell-check but within your Sketch files. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/jordansinger/Assistant">Assistant</a> — Talk to Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/yued-fe/y-tools">Y Tools</a> — Sketch plugin tools yued-fe.TM <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/alex-matt/sketch-lightwire-plugin">Lightwire</a> — 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. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/pranusarna94/Perfecto-">Perfecto-</a> — A sketch plugin to round off all sub-pixel layers at once <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/nichenqin/draw-and-render-sketch-plugin">draw-and-render</a> — A plugin to render canvas to sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/kupe517/sketch-split-shape">Sketch Split Shape</a> — Sketch plugin to split up a rectangle evenly by a user-generated value <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/PEZ/SketchSeparateShapes">Separate Shapes</a> — A Sketch-app plugin that does a ”boolean” separate operation on two selected shapes. Like divide in Pathfinder in Adobe Illustrator. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ziven27/Sketch-topographic">Sketch Topographic</a> — Display Topographic Information <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/dploeger/sketch-plugin-units">Units</a> — A Sketch plugin for working with print units (inch, cm, mm) in Sketch’s pixel world. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/pranusarna94/z-rating">Z Rating</a> — Sketch plugin for designers <span class="citation" data-cites="zomato">@zomato</span> to quickly change and maintain restaurant ratings <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://smartling.github.io/smartling-sketch-plugin/">Smartling</a> — Plugin for Sketch that allows you to translate and pseudo-localize designs using the Smartling platform. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/stevenfabre/Gifmock-for-Sketch">Gifmock For Sketch</a> — Easily create GIFs from your mocks <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/MrPeak/sketch-show-layer-info">Sketch Show Layer Info</a> — Show selected layer’s ObjectID, Class and ID. It is of great use for plugin development or file parsing. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/youwenliang/Table-of-Contents">Table of Contents</a> — Sketch plugin for generating a table of contents for documentations <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/FrancisVega/sketch-marginbox">Sketch Marginbox</a> — Simple script to create layers as margins <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/DWilliames/nudge-corner-radius-sketch-plugin">Nudge Corner Radius</a> — Increase/decrease the corner radius of a rectangle, or path nodes — with easy keyboard shortcuts <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/mmilano/sketch-rotate-artboards">Rotate Artboard Orientation</a> — Rotate the orientation of an artboard - from portrait to landscape, and vice versa. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/devinmancuso/sketch-rtl">Sketch RTL</a> — Automatically create RTL layouts of your designs with this plugin for Bohemian Coding’s Sketch 3 <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/pberrecloth/rotator-sketch-plugin">Rotator</a> — Rotate objects at preset amounts <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/rjungemann/SketchTape.sketchplugin">SketchTape</a> — Connect two shapes in the Sketch app. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Vesely/webalize">webalize</a> — Sketch plugin to webalize layers name. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/auxdesigner/Sketch-to-VR">Sketch to VR</a> — Personal fun project - turn your mocks into VR <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ElliotEKJ/specify">Specify</a> — Quickly generate a rectangle or oval with specific dimensions and positioning. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/wakatime/sketch-wakatime">Sketch Wakatime</a> — A Plugin to update your WakaTime stats automatically from Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/lessthanzero/Formr">Formr</a> — Helps to maintain simple proportions of layers and artboards <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/sudilkovsky/Toggle-NoPrint-Visibility-Sketch-Plugin">Toggle NoPrint</a> — Toggle Visibility of ‘NoPrint’ layers in Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/truthlabs/sketch-unlock-all-layers">Unlock All Layers & Unlock Hover</a> — Unlock all layers on the current artboard using ⌘⌥L <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/acollurafici/Sketch-Nearest-8">Sketch Nearest 8</a> — Sketch Plugin to round shape size to the nearest multiple of 8 <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/KrevedAccky/SketchSplitDivide">Split & Divide</a> — Split and Divide plugins for the Sketch3 app. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ediathome/WordCloud">WordCloud</a> — Create basic word clouds and tag clouds. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/sureskumar/single-border">Single Border</a> — Add single borders with advanced controls. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="http://sureskumar.com/sketchplay/">Sketch Play</a> — Create game plays directly from the Sketch app. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/teeerevor/loose-sketch-plugin">Loose!</a> — Turn your lines into arrows <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/dex1t/QRCode-for-Sketch-Local-Sharing">QRCode for Sketch Local Sharing</a> — This plugin show QR Code for Local Sharing URL (Sketch 3.4 Feature). Read this QR code when checking your design on a smartphone. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/BohemianCoding/library-replacer-sketchplugin">Library Replacer</a> — Quickly replace instances of shared Symbols and Styles. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/bomberstudios/install-library-bundle">Install Library Bundle</a> — Installs a bunch of shared Sketch Libraries at once, because life is too short for clicking links. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/738992712906748191">Remove BG</a> — Remove the background of images automatically with just a single click - using the remove.bg API. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/740014625507871586">Border</a> — Quickly add single borders in Frame. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/748092648919348948">Gifs</a> — Your perfect design needs the perfect gif. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/749261072790710247">Multiplayer Pong</a> — The first video game implemented as a Figma plugin is also the first video game ever: Pong. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/736084415195819692">Tumble</a> — Tumble makes shapes fall down. Put your shapes in a frame, select them and run Tumble. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/751125845433636076">Thanos UI</a> — Thanos UI removes random half of the selected elements. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="support@siliconpublishing.com">Silicon Connector</a> — Silicon Connector for Adobe XD is a plugin that lets you access your Dropbox account from within Adobe XD. After authenticating with your username and password, you can navigate folders in your Dropbox account, search for assets, and use them in your designs. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/lelayf/AdobeXD-animated-digital-clock-timer">Animated Digital Clock Timer</a> — This plugin lets you easily add custom animated countdown timers to your artboards using auto-animate transitions. It is useful if you design mobile apps that rely on time-based interactions supported by an actual timer or stopwatch in the UI. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://guide-ignite.inmotionnow.com/help">inMotion ignite</a> — Create inMotion ignite proofs from your artboards directly in Adobe XD! <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://onthehead.com">Move Items Dialog</a> — Move items Like Illustrator Dialog. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<article id="pdf-export-plugins">
<h3 id="pdf-export-plugins">PDF Export Plugins</h3>
<ul>
<li><a href="https://github.com/DWilliames/PDF-export-sketch-plugin">PDF Export</a> — Export all pages, current page or selected artboards into a PDF — based on a range of settings <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Atim33/autopdfexporter-sketch-plugin/">Auto PDF Exporter nSlicer</a> — A Sketch Plugin to auto-export all ‘[S]’ Prefix artboards to a single pdf. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/andrewfiorillo/sketch-artboards-to-pdf">Artboards to PDF</a> — Sketch plugin to export artboards to PDF slideshow, from either the current page or from all pages <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/akolpakov/sketch-numbering-machine">Numbering Machine</a> — Sketch plugin to generate IDs or Numbers for documents and export to PDF. Useful if you need to generate thousands of pages with the same template but with different IDs. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/BohemianCoding/print-export-sketchplugin">Print Export</a> — Export artboards or pages to a PDF for printing <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
</ul>
</article>
<article id="plugin-development">
<h3 id="plugin-development">Plugin Development</h3>
<div class="hidden-in-page">
<pre><code><p align="center">
<a href="http://bit.ly/33Q3AC0">
<img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/Abstract.png" alt="Abstract"/>
</a>
</p></code></pre>
</div>
<ul>
<li><a href="https://github.com/skpm/sketch-dev-tools">Sketch DevTools</a> — See your plugin logs, inspect the state of Sketch documents, explore actions, and more <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739958206151827292">Get It</a> — Get It helps in building Figma plugins by letting you prototype pieces of your plugin in Figma and copy their verbose syntax to your clipboard. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/760351147138040099">Inspector</a> — Speed up plugin development with an easy way to view and explore node properties. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/758276196886757462">Node Inspector</a> — View and copy node properties for plugin development. This plugin is only useful for plugin developers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
</ul>
</article>
<article id="plugin-managers">
<h3 id="plugin-managers">Plugin Managers</h3>
<ul>
<li><a href="https://github.com/liangjingyang/SketchReloadPlugins">SketchReloadPlugins</a> — Reload Plugins. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/TheNounProject/SketchPluginReloader">Plugin Reloader</a> — A simple plugin to reload other plugins <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/PeachScript/sketch-plugin-monster">Sketch Plugin Monster</a> — A Sketch plugin for managing all plugin shortcuts. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
</ul>
</article>
<!-- <div class="hidden-in-page">
<p align="center">
<a href="http://bit.ly/33KtOpN">
<img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/ProtoPie.png" alt="ProtoPie"/>
</a>
</p>
</div> -->
<article id="plugins-collection">
<h3 id="plugins-collection">Plugins Collection</h3>
<ul>
<li><a href="https://github.com/frankko/UtilityBelt">Utility Belt</a> — An always-expanding collection of simple, focused plugins for Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/getflourish/Sketch-Mate">Sketch Mate</a> — These plugins will make you best friends with Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/hrescak/Sketch-Layer-Tools">Sketch Layer Tools</a> — A box for random useful sketch commands meant to make work with layers easier. It contains most of my previous commands and plugins combined, plus a bunch of new ones. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/bomberstudios/sketch-commands">Sketch Commands</a> — A collection of script commands for Bohemian Coding’s Sketch.app <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/FrancisVega/ZEN-Sketch">ZEN Sketch</a> — A collection of Sketch plugins <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/webpatch/Handy-Tools">Handy Tools</a> — Some handy tools for Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/romannurik/Sketch-ArtboardTricks">Artboard Tricks</a> — Artboard Tricks plugin for Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Ashung/Automate-Sketch">Automate Sketch</a> — Make Sketch more efficient. A lot of useful plugins in one. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ant-design/kitchen">Kitchen</a> — Make your design work delicious 🍽 <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/eachandother/SketchPlugins">SketchPlugins</a> — Only contains a single plugin for the moment: Artboards to Pages. Takes all of the artboards on a page and create a new page for each of them, using the artboard name as the new page name. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/740040684939274087">Powerful Tools</a> — This plugin contains a couple of tools that empower you to fill your design with random dates, IDs, numbers, Chinese names or English names. It also includes a color palette and a mirror that connects an image to a certain frame. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.resco.net/contact-support/">Resco for XD</a> — Resco for XD plugin is for users that use the customization tool, Woodford, by Resco. You can export images, create color themes and generate the main app icon for stores. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<!-- <div class="hidden-in-page">
<p align="center">
<a href="http://bit.ly/2VQVTJ8">
<img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/Porkbun.png" alt="Porkbun"/>
</a>
</p>
</div> -->
<article id="presentation--preview">
<h3 id="presentation-preview">Presentation & Preview</h3>
<ul>
<li><a href="https://timelapsesketch.com">Timelapse</a> — Create beautiful high-speed videos of your work in Sketch and show off your progress. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/fnky/sketch-dockpreview">Dockpreview</a> — A Sketch plugin that lets you preview your current artboard in the Dock. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/matt-curtis/Sketch-Server">Sketch Server</a> — A Sketch Plugin that creates a local web server for your Sketch Documents. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/MagicSketch/MagicPresenter">MagicPresenter</a> — Sketch Plugin to Present Slides or Deck directly in Sketch 3 <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/lukasoppermann/browser-preview">Browser Preview</a> — Quickly preview an artboard in your browser. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://getrepresent.com">represent.</a> — Present your UX/UI Designs lightning fast on the client’s devices without leaving Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/marcisme/sketch-preview">Sketch Preview</a> — 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. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/timothywhalin/Sketch-Quick-Presentation">Quick Presentation</a> — A Sketch plugin to quickly share multiple artboards with an optional title. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/743170618365358883">Masker</a> — Masker allows you to easily overlay devices on selected layers in your project. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/742583620684903056">Autocover</a> — Figma currently creates a screenshot from the first page of your design document. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/743199058431264556">File Thumbnails</a> — Create beautiful thumbnails for your projects to make your Figma file grid more convenient, fast and easier on the eyes. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/745146759001708690">Cover Generator</a> — A very simple plugin that takes a name, description, and status as input and generates a cover Image for your Figma file. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
</ul>
</article>
<!-- <div class="hidden-in-page">
<p align="center">
<a href="http://bit.ly/33KtOpN">
<img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/ProtoPie.png" alt="ProtoPie"/>
</a>
</p>
</div> -->
<article id="prototyping">
<h3 id="prototyping">Prototyping</h3>
<ul>
<li><a href="https://github.com/FreakLand/sketch-browser-preview">Sketch Browser Preview</a> — Generates a preview (⌘ + ⇧ + .) of your current artboard and shows in your web browser. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Creatide/AnimateMate">AnimateMate</a> — Create your animations directly in Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/mathieudutour/prototypes-invision-sketch">Prototypes Invision ↔︎ Sketch</a> — Translate your prototyping links back and forth between Sketch and Invision <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/733702238760085035">Marvel Prototyping</a> — Seamlessly sync frames from Figma to new or existing Marvel projects, allowing you to quickly create prototypes or get audio and video feedback using our new User Testing feature. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/733025261168520714">Figmotion</a> — Figmotion is an animation tool built right in Figma. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
</ul>
</article>
<article id="three-d-perspective">
<h3 id="three-d-perspective">Three D Perspective</h3>
<ul>
<li><a href="https://github.com/sureskumar/sketch-isometric">Sketch Isometric</a> — Generate Isometric views from Artboards and Rectangles. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://designcode.io/angle">Angle</a> — Apply perspective transforms on-screen mockups. Auto-detect screens by resolution and works on shapes and symbols. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /> <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="http://magicmirror.design">Magic Mirror</a> — Perspective Transformation for Sketch Artboards <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/733184376355671573">Roto</a> — Roto extrudes and rotates shapes in 3D. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/741472919529947576">SkewDat</a> — Live skew any shape and fine-tune with simple non-destructive controls. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/750743440401413268">Easometric</a> — With Easometric it is really easy to create isometric layers & groups. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://rotato.xyz/help">Rotato</a> — Get your designs on the screens of photorealistic 3D iPhones and other devices. MacOS app on rotato.xyz. Not available for Windows yet. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<article id="rename-helper">
<h3 id="rename-helper">Rename Helper</h3>
<ul>
<li><a href="https://github.com/miguelangelnarvaezgo/symbol-master-renamer">Symbol Master Renamer</a> — Simple plugin to rename and organizing the master symbols with ‘/’. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/2o3t/2o3t-Sketch-Tools">2O3T Tools</a> — Easy Tools, batch rename layers and artboards, etc. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ScottSavarie/Enumerator">Enumerator</a> — Sketch plugin to rename and number your artboards or layers based on their x,y position <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/exevil/sketch-rename-instances">Rename Instances</a> — Tiny single-command Sketch plugin that renames every symbol instance with its master’s name. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://renameit.design">Rename It</a> — Keep your Sketch files organized, batch rename layers and artboards. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /> <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /> <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/LeonardPauli/LayerRenamer">Layer Renamer</a> — Find or rename multiple layers at once using RegEx and flags in Sketch (v.45 tested) <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/webkul/renamer">Renamer</a> — Select multiple layers/groups/artboards and rename all of them on the go. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/tbrasington/rename-layers-based-on-textstyle">Rename Layers Based On Textstyle</a> — Renames text layers in the current page based on their text style name <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/perrysmotors/symbol-namer">Symbol Namer</a> — Rename symbol instances to their override text values <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/sonburn/symbol-instance-renamer">Symbol Instance Renamer</a> — Rename all symbol instances to the name of their master. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/littlebusters/Regexp-Rename">Regexp Rename</a> — You can change the layer name by Regexp in Sketch 3. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /> <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/canisminor1990/sketch-name-organizer">Sketch Name Organizer</a> — Rename artboards based on their x and y position; Rename layers based on their Style and Symbol. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/KevinvBre/Sketch-Rename-Artboards">Sketch Rename Artboards</a> — Rename Artboards based on their X and Y locations in Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/mmasonlee/sketch-number-artboards">Sketch Number Artboards</a> — Sketch plugin to number artboards in order <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/gotomedia/Sketch-PageNumbers">Page Numbers</a> — Sketch plugin for adding page numbers to artboards. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/radermacher/sketch-number-artboards-by-position">Sketch Number Artboards</a> — Sketch plugin to number artboards in order of position. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/jorgemartins/sketch-paginate">Sketch Paginate</a> — Add page numbers to artboards. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/732772204922128885">Enumerator</a> — Rename and number your frames based on their x,y position <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/734746297902924375">Layer Names Transfom</a> — This plugin will help you to quickly transform the names of your layers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739106292828562948">namespaces</a> — Plugin for automating formatting of page names, frames, components, layers, etc. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/746805909751572002">Smart Cloner</a> — Make multiple renamed copies of components, frames or other layers in seconds. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
</ul>
</article>
<article id="resize">
<h3 id="resize">Resize</h3>
<ul>
<li><a href="https://github.com/ozzik/push-and-shove">Push and Shove</a> — Sketch plugin for resizing, aligning and generally manipulating layers wickedly <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/dannymcclain/swap-width-height">swap-width-height</a> — Swap a layer’s width and height. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/franklymrshankly/Set-Min-Max">Set Min Max</a> — This plugin will resize a layer by height or width to a base max or min value <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/KevinvBre/Align-and-resize-to-layout">Align and Resize To Layout</a> — Align and resize layers to your layout in Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/perrysmotors/photo-grid">Photo Grid</a> — A Sketch plugin that can size layers to common photo dimensions and scale them to fit in a row. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/KevinGutowski/NudgeRTL">nudgefromrtl</a> — Quickly resize a layer horizontally from right to left with keyboard shortcuts <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/samlfsun/SketchSize">Sketchsize</a> — A Sketch plugin that lets you resize your design by simple shortcuts. Helps you output splash screen and screenshot for app store&google; play <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/pberrecloth/fitter-sketch-plugin">Fitter Sketch Plugin</a> — Fit layer to artboard width, height or both <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ANGIstudio/Sketch-Keyboard-Resize">Keyboard Resize</a> — A Sketch plugin that lets you resize objects from all sides with keyboard shortcuts. As a bonus, you can specify the resize amount. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ANGIstudio/Sketch-Copy-Paste-Position-Size">Copy Paste Position & Size</a> — A Sketch plugin that lets you easily copy & paste width, height, x & y values from and to objects <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ANGIstudio/Sketch-Resize-Commands">Resize Commands</a> — A Sketch plugin that lets you resize and reposition objects by using simple arithmetic commands, like <code>b+20,lr+20</code>. Multiple objects are supported. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/MaxChen/Watch-Icon">Watch Icon</a> — Plugin for Bohemian Coding Sketch app that automatically resizes artwork for the Apple Watch icon. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/zhifengkoh/resize_artboard">Resize Artboard</a> — A Sketch Plugin for resizing artboards to fit their content. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/longzheng/sketch-randomSize">Random Sizing</a> — Sketch plugin to randomly resize selected elements. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/lucaorio/sketch-resize">Sketch Resize</a> — Resize (not scale) multiple layers at once via shortcut. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/preciousforever/sketch-aspect-ratio">Sketch Aspect Ratio</a> — A simple plugin to apply preset or custom aspect ratios to a selected layer. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/keiwes/Sketch-Mobile-Sizes">Mobile Sizes</a> — Change a rectangle, artboard, or any other object to be the size of a mobile phone. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/delighted/sketch-scale-all-in-place">Scale All in Place</a> — Scale all in place: Resize all selected shapes or layers, in place, from the center. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/DWilliames/nudge-resize-sketch-plugin">Nudge Resize</a> — Resize a layer horizontally and vertically from the centre with easy keyboard shortcuts <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/apertureless/sketch-flip-size">FlipSize</a> — Flip the size of any artboard or shape <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/dannymcclain/fit-to-parent">fit-to-parent</a> — Sketch plugin that lets you fit a layer to its parent’s width, height, or both. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/acollurafici/PinIt">PinIt</a> — A collection of Resizing Shortcuts. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/740127005583346577">Button Resizer</a> — Resize your button to fit its label width. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739117729229117975">Icon Resizer</a> — Resize icons into a standard size and bounding box on your design. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739222456238688882">Aspects</a> — AboutAspects is a little plugin that helps resize selected elements to fit a certain aspect ratio. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/740887843052935394">Anchor Resizer</a> — Resize the selected layer from any corner or direction. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/742639765059742358">Margins</a> — Resize and position elements using Top, Bottom, Left and Right. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/740806995589371083">MultipleResizing</a> — You can resize multiple objects at once. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/753968999663099454">Resize to Frame</a> — Select items to resize them to their parent’s size (Horizontally, Vertically or Both). <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/756895186298946525">Proportional Scale</a> — Easily resize your shapes with all other attributes resizing proportionally. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/748762621505012566">Reset Size</a> — Plugin for quick access to the resetting size of the instances. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://github.com/valentindb/fit-to-artboard/blob/master/README.md">Fit to Artboard</a> — Resize shapes to fit the artboard in no time, using 2 simple custom keyboard shortcuts <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://bitbucket.org/adiladdiya/print-artboard">Print Artboard</a> — Create or resize artboard using common or documents sizes (A3, A4, A5, legal, letter, custom …), unite (mm, in…) and resolution you need. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/craigmdennis/adobe-xd-nudge-and-resize/">Nudge and Resize</a> — Add menu items for nudging and resizing objects (8px by default) so they can be controlled by keyboard shortcuts. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/littlebusters/Resize-Artboard-to-Fit-Contents">Resize Artboard to Fit Content</a> — Resize the artboard to fit the boundary of Contents in the artboard. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/littlebusters/Adjust-size-by-shortcut-for-AdobeXD">Adjust Size by Shortcut</a> — Adjustment size of objects by Keyboard Shortcut. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/craigmdennis/adobe-xd-fit-to-parent">Fit to Parent</a> — Resize objects to match the size of their parent Group or Artboard. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="akira.maru@gmail.com">Artboard Size Expander</a> — Artboard Size Expander allow you to change еру artboard size by 10px or 100px unit. You prefer to set a keyboard shortcut with another utility application. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<article id="selection-enhancement">
<h3 id="selection-enhancement">Selection Enhancement</h3>
<ul>
<li><a href="https://github.com/wonderbit/sketch-select-similar-layers">Select Similar Layers</a> — A plugin that selects layers with similar attributes to those of the layer currently selected. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/keremciu/sketch-select-invisible-layers">Select Invisible Layers</a> — Select invisible layers on the current page <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/chibatching/select_all_slices">Select All Slices</a> — Sketch app plugin to select all slices in the current page. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/mattmcmanus/select-group-layers-sketch-plugin">Select Group Layers</a> — Select all child layers of a group with a key command. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/nefaurk/select-parent-artboards">Select Parent Artboards</a> — A Sketch plugin that selects the parent artboards of the current selection <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/jshuaf/select-children">Select Child Layers</a> — A sketch plugin to select all the child layers of a group. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/canisminor1990/sketch-select">Sketch Select</a> — Make it much more convenient to select layers with similar attributes. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/FrancisVega/sketch-query-selection">Sketch Query Selection</a> — Filter selection layers by type <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/kenmoore/sketch-artboard">Sketch Artboard</a> — Next Artboard / Previous Artboard <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/fhuel/DeepSelect">DeepSelect</a> — A quick and easy way to select layers inside a group, filtering by layer type <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/norman-woz/areanow">areanow</a> — Get the total area of selected rectangle layers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/derekatkinson/sketch-unlock-all-selected-layers#readme">Sketch Unlock All Selected Layers</a> — Unlock all selected layers using ⌘⌥L <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/wescraig/Transpose">Transpose</a> — Transpose your selection and set pixel margins between elements. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/jan-patrick/sketch_artboard-history">Artboard History</a> — A Sketch plugin to switch faster between your latest artboards. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/lucaorio/sketch-reverse">Sketch Reverse</a> — Reverse the position or depth of selected elements. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/735733267883397781">Similayer</a> — This plugin takes Figma’s in-built ‘Select all with…’ command to the next level. Select similar layers; based on a whole range of properties. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739978920241977182">Find & Focus</a> — A simple plugin to search for layers in your document. The plugin will select the layers containing your text and zoom to fit them. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739031302880873832">Select Inverse for Real</a> — Inverts your selection within the context of the parent group/frame. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/750783568176946334">Super Select</a> — Select All Siblings and Invert Siblings support multiple layer selections. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/742536097587262088">Select Parent</a> — Select Parent, lets you quickly select the parent object of whatever you have selected. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/748537235829892910">Replace Nodes</a> — Replace Nodes plugin replaces selected nodes with the copied node. Basically, this plugin does paste over selection while removing the original selection. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/740593880490123393">Send to Top</a> — Take any selection and send it to the top of the layer stack. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://sttk3.com/contact">SelectMenu</a> — Select Same: Selecting and executing one item will select items with the same name, class, component instance, position, etc. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="info@paolobiagini.com">Selection</a> — Selection is a command-like plugin for selecting objects with the same properties. It supports local selections inside single Artboards, Repeat Grids and groups, as well as global selections across multiple Artboards. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/iamsolarplexus/adobexd-goToNextArtboard">Go to Next Artboard</a> — This plugin allows easy keyboard navigation from currently selected* artboard to the previous (Ctrl+Alt+Z) or next (Ctrl+Alt+C) artboard. Each movement finishes by zooming the artboard to fit. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="andreea.marica11@yahoo.com">SelectionToArtboard</a> — The plugin creates a custom-sized Artboard, starting from the user selection. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="alexdobras@gmail.com">Find Artboard from Link</a> — Paste the link from your browser to quickly find an artboard in your document. It can be a web link to a prototype or a spec document. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<article id="shortcut--keyboard">
<h3 id="shortcut-keyboard">Shortcut & Keyboard</h3>
<ul>
<li><a href="https://keygaroo.ixco.io/">Keygaroo</a> — Keygaroo helps you learn keyboard shortcuts for the actions you use the most. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/vincenzopetito/Shapr">Shapr</a> — A Sketch plugin to create an element with the keyboards! <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
</ul>
</article>
<article id="state-management">
<h3 id="state-management">State Management</h3>
<ul>
<li><a href="https://github.com/ozgurgunes/Sketch-Layer-Comps">Sketch Layer Comps</a> — A plugin that saves and applies layer states to create different compositions of the current page. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/romashamin/statemachine-sketch">State Machine</a> — State Machine is a Sketch plugin. Installing it will allow you to use ⌃⌘S to switch an active tab on a tab bar you’re designing, an active navigation section in a menu, or a page number in a pagination control. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/einancunlu/Sketch-State-Switch-Master">Sketch State Switch Master</a> — Define different states and switch between them like a boss. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/einancunlu/Checkpoints-Plugin-for-Sketch">Checkpoints Plugin for Sketch</a> — Save important stages of your artboards in the blink of an eye, and then, move fast and break things. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/edenvidal/States">States</a> — Create different artboard states and switch between them easily <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
</ul>
</article>
<article id="style-management">
<h3 id="style-management">Style Management</h3>
<ul>
<li><a href="https://material.io/tools/theme-editor">Material Plugin</a> — Create, customize, and share your own Material theme. Includes Material Theme Editor, plus upload and sync to Gallery. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/alibaba-fusion/cool">FusionCool</a> — Plugin to using resources of Fusion Design. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/aparajita/sketch-style-master">Sketch Style Master</a> — Sketch plugin for renaming shared styles <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/sonburn/shared-style-finder">Shared Style Finder</a> — Find instances of a shared layer or text style. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/lazybearcreations/sketch-lazy-styles-generator#readme">lazy-styles-generator</a> — Generate shared layer and text styles using the name of the selected layer as the name of the generated style. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/mathieudutour/sketch-styles-hierarchy">Shared Styles Hierarchy</a> — Organize your shared styles using the layers list, create a hierarchy where children inherit properties from their parent. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/einancunlu/Flatten-Plugin-for-Sketch">Flatten Plugin for Sketch</a> — Flatten single or multiple layers instantly, create shared artboard styles, keep them all updated like a boss and boost your Sketch document performance. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/weixin/Miaow">Miaow</a> — A set of plugins for Sketch include drawing links & marks, UI Kit & Color sync, font & text replacing. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/sebj/Remove-Fills-and-Borders">Remove Fills and Borders</a> — Remove a layer’s fills and borders in Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/lucaorio/sketch-styles-generator">Sketch Styles Generator</a> — Generate hundreds of Sketch Shared Styles in a matter of seconds. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="http://blur.duanjun.net">Blur Artboard</a> — Add blur effect to artboards for testing visual hierarchy easily in your design process. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/mjkaufer/smudge">Smudge</a> — Emulate blend functionality from Adobe Illustrator <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/YitingLiu/Elevation-Shadows">Elevation Shadows</a> — A Sketch Plugin to apply consistent Elevation Shadows <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/oodesign/sketch-styler">Sketch Styler</a> — Sketch plugin that assigns styles automatically to all of your unstyled layers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/iarthstar/copy-paste-shadows">copy-paste-shadows</a> — Plugin to copy-paste shadows across layers <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/jan-dh/sketch-tailwind">sketch-tailwind</a> — Export your design to a theme-file you can use in your Tailwind CSS config. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/tbrasington/text-to-styles">Text to Styles</a> — Generates Sketch type styles programmatically from Artboards <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/mathieudutour/rough-sketch">Rough</a> — Transform your shapes in a sketchy, scribbly, hand-drawn-like, style. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/FrancisVega/Sketch-Smart-Style-Switcher">Sketch Smart Style Switcher</a> — Switch to an existing test style if attributes match. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/FrancisVega/Sketch-Copy-Layers-Styles">Sketch Copy Layers Styles</a> — Sketch plugin to copy Layers and Text styles <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/pranusarna94/Swappr">Swappr</a> — Swap layer positions and styles <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/dinozavrix/sketch_fix_styles">Fix Styles</a> — Remove duplicate styles in Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ryanmclaughlin/styledrop">styledrop</a> — A plugin for Sketch allows you to easily copy styles from one layer to another. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ryanjohnson-me/Sketch-Copy-Paste-Shadows">Copy & Paste Shadows</a> — Copy & paste only shadow styles from layers without other styles getting in the way. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/JayHoltslander/Sketch-Make-Long-Shadow">Sketch Make Long Shadow</a> — A plugin for Sketch to create long shadows from a shape. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/sebcglbailey/sketch-system-styles">system-styles</a> — Generate all the text styles you’ll need, including alignment and colour. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ozzik/swap-styles">Swap Styles</a> — Sketch plugin for swapping styles between two layers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/731176732337510831">Themer</a> — Themer allows you to easily swap between published styles from your libraries. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/736060893363678891">Kaleidocode</a> — Convert VS Code themes to Figma color libraries, create new themes via JSON, and swap themes automatically. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/747227147599827533">UI Kit</a> — This plugin makes a preview for the fonts and colors used on the layouts or from your styles. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/752558325552095625">Noise</a> — Make some noise in Figma! Noise is a handy tool when you need to add a hint of realism to your work. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="info@paolobiagini.com">Convert Shape</a> — Convert Shape is a command-like plugin that easily converts a shape into another, keeping the original appearance. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://useratio.com/stylemate/">Style Mate</a> — Apply consistent styles and design tokens as fast as you can type. Change color, typography, dimensions and more with precision through a single interface. Create design tokens and share them with other designers and developers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="naru.kubota@gmail.com">Swap Fill and Border</a> — Swap Fill and Border is a plugin that allows you to switch fill and border colors in a moment. You can save your time and let you focus on the UI that really matters <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="mr.flashi@gmail.com">Reorient path</a> — Reset the path rotation without affecting the shape. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/masa-sumimoto/adobe-xd-reverse-button-fill">Reverse Button Fill</a> — A plugin that reverse fills a text and a rectangle ( or an ellipse ). This plugin is intended to be used for button-like elements. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/boopeshmahendran/AdobeXD-Swap-Positions">Swap Position</a> — Swap the position of two selected nodes <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://www.toolabs.com/xdplugin">Toolabs DSM</a> — a stateful design system manager which lets you link design tokens to design elements in your Adobe XD documents and make them themeable by defining system state variations, with no need to copy and paste your artboards. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<article id="symbols--components-management">
<h3 id="symbols-components-management">Symbols & Components Management</h3>
<ul>
<li><a href="http://symbol-browser.pratikshah.website/">Symbol Browser</a> — A new way to browse your symbols. Make the most of your Design System by bringing symbols and UI Sticker sheets together. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/lifeofmle/symbol-insert">symbol-insert</a> — Simple plugin to insert Sketch symbols <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/franklymrshankly/Symbol-Merger">Symbol-Merger</a> — A Sketch plugin that merges duplicate symbols <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/njcrowther/Disconnector">Disconnector</a> — Quickly disconnect all symbols from a selection <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/danielthall/restore-overrides">restore-overrides</a> — A small plugin to store and restore override values before and after library updates <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ozgurgunes/Sketch-Symbol-States">Symbol States</a> — A Sketch plugin that saves overrides of a symbol instance as states to be applicable on another instance of that symbol later. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ozgurgunes/Sketch-Overrides-Manager">Overrides Manager</a> — A Sketch plugin that makes managing overrides easier. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Pausansol/Escriba">Escriba</a> — Sketch plugin to copy-paste symbol overrides <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/perrysmotors/format-symbol-names">Format Symbol Names</a> — A Sketch plugin to nicely format the names of all artboards or symbol masters on the current page <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/perrysmotors/sketch-library-unlinker">Sketch Library Unlinker</a> — Unlink symbols linked to a specific library, or unlink symbols that have been deleted in their libraries. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/yusukesaitoh/sketch-select-same-symbols">Select Same Symbols</a> — Select the same symbols as the currently selected symbol. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ahmedmigo/Move-to-library-sketchplugin">Move To Library Sketchplugin</a> — You can now move symbol from your project to any library and re-attach all the symbol instances to this library. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/sonburn/symbol-swapper">Symbol Swapper</a> — Swap the selected symbols and/or symbol instances to a master of the same name in a library. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/sonburn/symbol-instance-locator">Symbol Instance Locator</a> — Locate all instances of a selected symbol or instance. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/sonburn/symbol-instance-sheet">Symbol Instance Sheet</a> — Generate a sheet of symbol instances from your current document or a library. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/zeroheight/library-symbol-replacer">Library Symbol Replacer</a> — Sketch plugin to replace symbols in existing documents with library symbols <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/sketch-symbol-importer/sketch-symbol-importer">Sketch Symbol Importer</a> — Import symbols from on Sketch file into another. Maintains overrides and updates existing symbols in place. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/mcansh/sketch-find-all-instances-of-symbol">Sketch Find All Instances of Symbol</a> — Find all instances of a symbol in Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/oodesign/merge-duplicate-symbols">Merge Duplicate Symbols</a> — Sketch.app plugin to merge symbols with the same name. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/d4rekanguok/instance-locator">Instance Locator</a> — Locate instances of a selected symbol and navigate to them, anywhere in the doc. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/pberrecloth/prefixation-sketch-plugin">Prefixation Sketch Plugin</a> — Manage the prefixes of your layers, artboards or symbols <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/nmwoods1/Sketch---Find-all-instances-of-symbol">Find All Instances of Symbol</a> — A Sketch plugin that lets you find all of the instances of a symbol across multiple pages/artboards <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/marianomike/sketch-duplicatesymbol">Sketch Duplicatesymbol</a> — Sketch plugin that creates a new symbol out of a selected symbol <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Elethom/Sketch-PathPrefixRemover">Path Prefix Remover</a> — Remove path prefix for symbol instances. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/websiddu/sketch-symbol-me">Symbol Me</a> — Convert all your similar layers to symbols with a single click. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/kmerc/sketch-import-symbols">Import Symbols</a> — Easily import symbols from another Sketch file <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/demersdesigns/sketch-batch-create-symbols">Batch Create Symbols</a> — A plugin for Sketch to convert selected layers to individual symbols. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/eivindbohler/Sketch-Unlinker">Sketch Unlinker</a> — Sketch plugin that lets you unlink selected layers and groups from either shared symbols, styles or text styles, en masse. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/einancunlu/Disconnect-for-Sketch">Disconnect for Sketch</a> — Disconnect/unlink selection from symbols and shared styles. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/griffin-stewie/SymbolNameSync">SymbolNameSync</a> — This plugin gives you syncing names between Symbol masters and its instances. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/amimagid/sketch-symbol-legend">Sketch Symbol Legend</a> — This plugin provides indexing of Symbols in your artboard with a detailed legend. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/uxcourt/overlaytoggler">symbol-overlay-toggle</a> — A Sketch plug-in to seek specific style names in library-sourced symbols and toggle the styles. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/741895659787979282">Instance Finder</a> — Find all Instances of a Component used in your file. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/741935812012883481">Locator</a> — Locator helps you find all instances of a component and enables you to jump to each instance. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/749583881837062159">Component Page</a> — This plugin enables you to create a component (like you would in Sketch) where the master moves to a dedicated page leaving an instance in place. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/741415678427267506">Reattach Instance</a> — Relink a frame to a component by searching for similar instances. (… <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/748545064462894895">Component Replacer</a> — A simple plugin that helps you to replace any selection with components or instances. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/746849770992339499">Safely Delete Components</a> — When you delete a component, it can be still used in your mockups. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/749061307736645564">Send to Components Page</a> — If you prefer to keep your components on a separate page and are tired of carrying them manually, this plugin is for you. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/754404293457940119">Component Master Manager</a> — Component Master Manager is a simple plugin to collect, sort and group master components from selected pages to one page for organise your design system. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/754240053660034676">Create Component Inside</a> — Create components anywhere you want! You can use this plugin instead of the standard Create Component command. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://nurecas.com/replacer-a-plugin-for-adobe-xd">Replacer</a> — Did you create multiple copies of an object without making them a symbol? And now, do you want to change it all, but have to go one by one? Fret no more, replacer will help replace individual vector objects and texts with one click. First, select the object to be replaced and then select the object it has to be replaced with. Then run the plugin and all instances of the first object will be replaced by the second. Enjoy! <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<article id="text-management">
<h3 id="text-management">Text Management</h3>
<ul>
<li><a href="https://github.com/KevinGutowski/Truncat">Truncat</a> — A Sketch plugin to truncate text. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/explorador/sketch-copy-text-only">Sketch Copy Text Only</a> — Sketch plugin to copy only the text from selected artboard(s) or layer(s) <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/afnizarnur/context">Context</a> — Count character, words, and paragraphs from a text layer easily inside Sketch! <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/franklymrshankly/Create-New-Styles">Create New Styles</a> — A Sketch plugin to create multiple layer styles or text styles <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/dbilyk/QuickTextOverride">QuickTextOverride</a> — Use a key command to target the first text override of a symbol. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/kbirgoren/sketch-json-translator">Translate From JSON</a> — A Sketch plugin lets you use variables for texts in your designs. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/chriswetterman/sketch-find-and-replace-text">Find and Replace Text</a> — Find and replace text throughout your Sketch document <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ozgurgunes/Sketch-Case-Converter">Case Converter</a> — Convert text layers, symbols or all instances of a symbol. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ysjn/bold-it">Bold It</a> — Bold-it is a super simple plugin that bolds a user-specified keyword in selected text layers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/tgfjt/sketch-add-trailing-space#readme">add-trailing-space</a> — add trailing space into selected text layers <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/andyault/sketch-adjusttofit">adjustToFit</a> — A quick Sketch plugin to resize text layers, groups, and artboards to fit their content. Also, supports nested resizing. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/zeplin/emoji-autocomplete-sketch-plugin">Emoji Autocomplete Sketch Plugin</a> — While editing Sketch text layers, type “:” followed by the first few letters to auto-complete emojis. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/golmakov/sketch-hyphenator">Sketch Hyphenator</a> — Sketch plugin that hyphenates text <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/juliussohn/sketch-textbox-fit-content">Textbox fit Content</a> — This plugin sets the height of a selected text layer or all text layers in a selected group to its content’s height. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/jbentzen/sketch-fast-text-transfer">Fast Text Transfer</a> — Lightning-fast copying, pasting and swapping text. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/sigtm/sketch-style-libraries">Sketch Style Libraries</a> — Sync layer & text styles from any Sketch Library <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/usagimaru/Sketch-AppleSystemFont-Plugin">I Want Apple System Font</a> — A Sketch plugin for applying Apple system font to text layers. (For Japanese designers.) <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/eddiesigner/sketch-translate-me">Translate.me</a> — Translations. Simplified. Translate your Sketch text layers, artboards, and pages in over 100 languages with Translate.me plugin. Powered by Google. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/symdesign/sketch-auto-translate">Sketch Auto Translate</a> — Plugin to translate Sketch files into via Google Translate. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Hemmingsson/Sketch-Title-Case">Sketch Title Case</a> — Sketch Plugin to make text Title Case <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/mamuso/sketch-truncate-textlines">Truncate Text Lines</a> — Truncate the number of lines of a textbox, adding an ellipsis if needed. It works using words or characters. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/kylehickinson/Sketch-SF-UI-Font-Fixer">Sketch SF UI Font Fixer</a> — 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. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/psilfver/sketch-adjust-button-shape">Adjust Button Shape</a> — A Sketch plugin that adjusts a shape layer according to the attributes of a text layer <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/arieare/Sketch-Pseudol10n">Pseudol10n</a> — Sketch plugin to pseudolocalize text layers <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/automat/sketch-text-tools">Sketch Text Tools</a> — Sketch App Typography Plugin for working with font metrics, aligning text-layers and building typographic systems. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Creatide/Sketch_Update-Text-Layer-Name">Update Text Layer Name</a> — Sketch plugin to update Text layer names from their own text values. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/jessebilsten/Sketch-TitleCase">TitleCase</a> — A Sketch plugin that changes your text to TitleCase <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/schwa23/cleanupsfui">Clean Up SF UI Type</a> — Sketch Plugin to clean up SF UI fonts character spacing & normalize text & display variants. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/thierryc/Sketch-Find-And-Replace">Find And Replace</a> — Sketch 3 plugin to do a simple find and replace on text within layers <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/andrewfiorillo/sketch-character-count">Character Count</a> — Sketch plugin to count the number of characters in a text layer <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/hamidp/sketchtextsourcer">SketchTextSourcer</a> — Sketch plugin for easily populating a bunch of text layers from a source. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/soutaro/Align-text-baseline-sketch-plugin">Align Text Baseline</a> — Align text layer vertically based on its baseline and cap-height. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/x-raizor/Efficiency">Efficiency</a> — 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. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/getflourish/Sketch-Set-Line-Height-Plugin">Set Line Height</a> — Plugin that allows you to set the line-height of a text layer as a multiple of the font size. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/littlebusters/Switch-Text-Spacing">Switch Text Spacing</a> — Switch text spacing with OpenType features. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/joshwayne/jw-sketch-plugins">Sketch Plugins</a> — Josh Wayne’s plugins for Sketch. So far, it includes two very interesting commands for working with text layers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/margusholland/Comma">Comma</a> — Sketch plugin for text modifications <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Elethom/Sketch-SFUI-Font-Fixer">San Francisco UI Font Fixer</a> — Adjusts font, character spacing, line height for labels using San Francisco font. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/dezonik/Typograph">Typograph</a> — Typograph — Sketch plugin and js-library <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Tallwave/sketch-spellcheck-all-layers">Spell Check Whole Page</a> — A basic spellchecker that checks all layers on a page in Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/joshkissel/sketch-count-text">Sketch Count Text</a> — A Sketch plugin to count: characters, words, whitespace, and paragraphs <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/heytitle/latex-sketch-plugin">LaTeX Sketch Plugin</a> — This plugin brings LaTeX functionalities to Sketch, and allows us to directly write mathematical formulas <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/fruitfrills/polyglot">polyglot</a> — Text translations <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/community/plugin/781351612272770724/Typographer">Typographer</a> — format text with typographic features traditionally used in fine printing. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="Figma" /></li>
<li><a href="https://www.figma.com/c/plugin/735072959812183643">Find and Replace</a> — Search for texts on your page and replace them just like a text editor. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/735148445325474400">Change Text</a> — With Change Text, you can bulk edit the text contents of multiple layers, groups, and frames. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739048247603902878">Nisa Text Splitter</a> — Easy way to split your text/list into small text pieces. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/736439252271864504">Polyglot</a> — Polyglot is made for designers working on global products. By bringing localization to the design phase, we hope to streamline the product development lifecycle. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/738791203005929386">Add numbers to texts</a> — Create numbered lists easily. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739131137116544548">TextCutter</a> — TextCutter takes a layer with multiple lines of text and splits it into separate text layers. Empty lines get discarded automatically. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/742152456731717201">Word Count</a> — A dead-simple plugin that counts the number of words and characters in any selection. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/740632514053994647">Text Counts</a> — A simple way to count the number of characters, spaces, and words inside a text layer. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/738916553283875028">Copy and Paste Text</a> — Figma plugin to copy & paste only text (without text styls) from selected layers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739106133703249411">Counter</a> — Make sure copy is easy to read with this easy character counter.“The ideal width of a line of text is from 45 to 75 characters—including spaces. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739517744595900126">Substrate for text 2.0</a> — Highlight text by adding the cool substrate with this simple plugin! <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739192358533401183">Bunch Text Changer</a> — Select one or several text layers, call the plugin and Paste or type a new value. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/750499296698468459">Retextifier</a> — Change multiple texts without having to click on each of them first. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/758250492778745937">text to line</a> — Removes extra spaces, line breaks, and paragraphs. Formats the font and style of the layer by the first character. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/762070688792833472">arc</a> — Curve your text upward, downward or into a circle. Adjust the slider and preview the result. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/760035865558407437">Hemingway</a> — Make your writing bold and clear. Select any text element and run the plugin. It will analyze the text using Hemingway’s rules around adverbs, passive voices, complex phrases, and hard sentences. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/754622689958838972">Latex Editor</a> — Simple plugin to insert math equations into documents. It uses an API to transform LaTeX text into SVG images that can be easily manipulated in Figma designs. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/759101941814288575">Reset Text Layer Name</a> — Ever end up wanting to reset your layer names, so the name reflects your text content? <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/750174581284816960">Simple Bullets</a> — Simple plugin which makes it easy to add bullets in text layers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/734628505008435795">Bullets</a> — Add custom bullets to your layers and create reusable list styles via the power of components. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739046186899657111">Golden Line</a> — Change line height based on the Golden Ratio. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/731260490045684148">Content Buddy</a> — A Figma Plugin that makes replacing text content in multiple layers super easy for anyone. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/community/plugin/776197163275203567/Proper-Title-Case">Proper Title Case</a> — format headlines and titles into a proper title case, based on style guides from APA and The Chicago Manual of Style. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="Figma" /></li>
<li><a href="https://github.com/yoshikinoko/SplitText">SplitText</a> — Split Text by newlines, tabs, and commas. (To split text by tabs, copy and paste text from another editor.) <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/Raphael-D/xd-plugin/tree/master/clip-text">Clip Text</a> — Copy on clipboard plaintext of selected texts. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="http://omoon.org">Texts Selector</a> — By this plugin, you can select all text elements from selected items. You can easily change the font face, size, and color of multiple text elements at once. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://www.coffee-break-designs.com/production/text-to-clipbord/">Text to Clipbord</a> — Copy multiple texts to the clipboard. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="jakovcevski@gmail.com">Simple Find and Replace</a> — A simple case-sensitive find and replace text plugin for Adobe XD. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="info@paolobiagini.com">Change Case</a> — Change Case is a command-like plugin for changing text capitalization. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="richard.vanderdys@gmail.com">Place Text</a> — Quickly create text placeholders, or customize the look you need. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/boopeshmahendran/AdobeXD-Count-Text">Count Text</a> — Counts the number of words and characters in the selected text layer(s) <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="adarshgupta602@gmail.com">changeTextCase</a> — A plugin which helps you to change the case of text in snake_case, kebab-case, lowercase, and uppercase. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<article id="translation--localization">
<h3 id="translation-localization">Translation & Localization</h3>
<ul>
<li><a href="https://github.com/crowdin/sketch-crowdin">Crowdin for Sketch</a>/<a href="https://www.figma.com/c/plugin/802555101361690489/Crowdin-for-Figma">for Figma</a> — translate content on pages and artboards into multiple languages before programming starts. Quickly generate language-specific assets. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /> <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="Figma" /></li>
<li><a href="https://www.qordoba.com">Qordoba for Sketch</a> — Qordoba’s Sketch plugin allows designers to translate their mockups to other languages, making product internationalization easier. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/symdesign/sketch-auto-translate">Sketch Auto Translate</a> — automatically translate Sketch files based on your selection, the current page or the whole document via Google Translate. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/hoai265/Language-Sketch-Plugin">Sketch Translation</a> — A Sketch plugin for easy multi-language design <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/laresgoiti/texts_translate">Texts Translate</a> — Manage Sketch texts in multiple locales. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/eddiesigner/sketch-translate-me">Translate.me</a> — Translations. Simplified. Translate your Sketch text layers, artboards and pages in over 100 languages with Translate.me plugin. Powered by Google. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/733062974250826253">Translate</a> — Translate helps you test your UI against different languages to see what may break by using the Yandex Translate API to translate your text layers into other languages. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/743218037112142643">Translator</a> — Translator instantly translates the text in your Figma designs into other languages. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="worldr@adobe.com">World Ready</a> — World Ready plugin can be used to 1. Check the layout of your artboards for localization readiness & 2. Generate localized artboards. After launching the plugin from the Plugins menu in XD, pick a translation service, choose the “Highlight” or “Translate” mode and select the languages to test. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="hello@raiken.io">Pseudo Localization</a> — The pseudo-localization plugin generates a pseudo-language localization based on your copy. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<article id="typeface">
<h3 id="typeface">Typeface</h3>
<ul>
<li><a href="https://github.com/enriquezgomez/datazier-lens">Datazier Lens</a> — Inspect and sort your local font book <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/KevinGutowski/betterTypePanel">betterTypePanel</a> — A sketch plugin to help manage common OpenType properties <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Saint-loup/french-typography">French Typography</a> — Sketch plugin to automatically add typographic french conventions and non-breaking spaces <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/yeun/sd-changer">Sd Changer</a> — Converts Apple SD Gothic Neo font to SF Pro Display <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/youngxkk/AutoFixiOSTextLineHeight">AutoFixiOSTextLineHeight</a> — Auto Fix iOS Text Line Height, so that the font restoration degree of iOS design draft reaches 100%. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/qruzz/InterUI-Character-Spacing">Inter UI Character Spacing</a> — Package to correct the character spacing for the InterUI font in Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/partyka1/Fontily">Fontily</a> — Sketch plugin for finding & replacing fonts for Sketch 3+ <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Volorf/Perfecter">Perfecter</a> — Make great typography [Sketch plugin] <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/bigxixi/Font-Packer">Font Packer</a> — A Sketch plugin to collect font files you used in your sketch file. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ukn530/FontFinder">FontFinder</a> — Sketch Plugin to find and select font items in a current page <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/keremciu/sketch-iconfont">Use Icon Fonts in Sketch</a> — Use icon fonts in sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/littlebusters/Sketch-Font-Mixer">Font Mixer</a> — Plugin can apply other fonts for each character type of Text Layer. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/alssndro/sandros-sketch-plugins">Sketch Plugins</a> — A library of Sketch Plugins aimed towards working with horizontal/vertical grid layouts and typography. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/AnimaApp/FontBuddy">Font Buddy</a> — Install missing fonts & free fonts directly from Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/lorenzwoehr/Golden-Ratio-Line-Height-Sketch-Plugin">Golden Ratio Line Height</a> — Optimize your typography based on font size, line-height and width. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/feb19/sketch-font-size-checker">Font Size Checker</a> — Text Size Validator for iOS or Android UI Designers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/buames/typesettings-sketch-plugin">Typesettings</a> — A quest for consistency <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/741231992144144738">Font Scale</a> — Font Scale is a quick tool to generate a harmonious and consistent typography hierarchy. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739922281164562258">Better Font Picker</a> — Better Font Picker helps you select fonts with a preview of how it looks. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/738840446766071906">Font Replacer</a> — Font Replacer lets you easily replace font families and font styles. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/735711462872799891">MixFonts</a> — helps you easily use different fonts for Latin and CJK characters in selected text layers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/746097413727734148">Font Fascia</a> — List all font families and styles used in the document. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/742063658553085504">Fix San Francisco</a> — automatically apply the correct font-variant and tracking for selected texts using the San Francisco typeface. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/745519632050796775">Typograf</a> — Figma plugin for making good typographic text. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/745394880974490845">Missing Font Selector</a> — This tiny faceless plugin will find and select for you all layers with missing fonts on the current page. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://github.com/adamcoulombe/Global-Font-Replace-for-Adobe-XD">Global Font Replace</a> — Useful for replacing a font across an entire document. Select an item that has the font you want to copy, then, select an item that uses the font you want to replace. Then, voilà! <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://nurecas.com/findfonts-a-plugin-for-adobe-xd">FindFont</a> — Find all instances of a font style and replace it with another. First select a text field with the font to be replaced. Then select a text field with the font which will replace the former. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/gioalo">Typist</a> — Typist is a typography tool that lets you create beautiful modular typography scales base on musical notes or any magical number (Golden Ratio). <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="n.bhargavvenky@gmail.com">Font Preview</a> — This Plugin Shows Preview Of Fonts in your System <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<article id="ui-kits">
<h3 id="ui-kits">UI Kits</h3>
<ul>
<li><a href="https://github.com/SimonTakman/BillUI">BillUI</a> — Interactive artificial evolutionary tool in order to help you come up with design suggestions that are similar to your initial design. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/wantedly/sketch-wt-design">WtDesign</a> — Sketch plugin for Wantedly Design System <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Shopify/polaris-telescope">Polaris Telescope</a> — Access Shopify Polaris from Sketch to speed up your design or development workflow <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/websiddu/sketch-material">Sketch Material</a> — Sketch material is a sketch plugin that will help you generate complex material components like tables, chips, forms etc… <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/atlassian/sketch-plugin">Atlassian Vendor Sketch Plugin</a> — Design your next Atlassian app with our component libraries and suite of Sketch tools <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/stuartromanek/sketch-mouse-pointers">Sketch Mouse Pointers</a> — Add Mouse Pointers to Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/redgell/Save-with-Frame">Save with Device Frame</a> — Sketch Plugin to generate pngs of artboards wrapped in a phone skin. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/herrhelms/social-artboards-sketch">Artboard presets for social media images</a> — This is a Plugin for Sketch App that adds artboard presets for the most common image dimensions of different social media platforms. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/JJYing/Sketch-Better-Shadow">Better Shadow</a> — Quickly generate multi-layered shadow to mimic non-linear decay. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://cloud.indigo.design/resources">Indigo.Design</a> — Create, edit, and apply themes to your Indigo.Design UI Kit based designs and publish them as prototypes to the Indigo.Design cloud. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/iconify/iconify-sketch">Iconify</a> — Iconify integration. Import MDI, FontAwesome, Jam, EmojiOne and many other icons to Sketch document. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /> <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/740272380439725040">Material Design Icons</a> — This plugin provides you instant easy access to the entire Material Design Icons library. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/744047966581015514">Feather Icons</a> — Quick access to Feather icons in Figma. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/744098704933821409">Iconscout</a> — Iconscout allows you to insert millions of high-quality icons, illustrations, and stock photos right into Figma. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/739711077384375064">Icon Zone</a> — Icon Zone helps create a square slice around your icons what is the perfect center of the vectors or the group you selected. At the same times, the slice will be ready to export as SVGs. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/750116735703341112">Social Media Image</a> — Cheat sheet on Social Media image sizes. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/743134103711120154">Hero Patterns for Figma</a> — This plugin brings the amazing collection of patterns called Hero patterns by Steve Schoger. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/736368164448889527">Interplay</a> — Interplay connects with your design system code repository to let you access and use your design system code components right within Figma. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="http://fluidtech.in/ready">Ready Mobile Components for Adobe XD</a> — The plugin helps you to generate the basic general purpose-components which are commonly used. You can further carve these components to your choice by just changing the styles. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="hasankaz@hotmail.com">Bullet</a> — Bullets plugin as the name suggests helps you to add round, square bullets as well as an ordered list to your text layers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://tourdexd.com/plugin/personas/">Personas</a> — Create beautiful and customizable personas with different layouts and image styles. Crafting personas has never been easier and more fun. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://xd.undraw.co">unDraw</a> — Beautiful illustrations for your client and personal design projects, without attribution. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://www.udesly.com/help-center/">Stipo Components Library for XD</a> — Stipo lets you store all components of your XD design in one library to access anytime, anywhere. You can save your components by tags, title, descriptions and make them easy to explore through the Stipo Library <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/pradeep-sanjaya/adobe-xd-plugin-c91a5b5d/issues/new">NIBM Icon Hamburger</a> — Add hamburger icon to your artboard <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<!-- <div class="hidden-in-page">
<p align="center">
<a href="http://bit.ly/35I1q9q">
<img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/Maze.png" alt="Maze"/>
</a>
</p>
</div> -->
<article id="user-flows">
<h3 id="user-flows">User Flows</h3>
<ul>
<li><a href="https://github.com/romannurik/Sketch-FlowExporter">Flow Exporter</a> — A Sketch plugin that exports prototype flows built with Sketch 49+ to HTML. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/reqfire/sketch-user-flows">Sketch User Flows</a> — A Sketch Plug-in for importing/exporting user flow and interface definitions from Reqfire. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://overflow.io">Overflow</a> — 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. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/abynim/userflows">User Flows</a> — Generate user walkthroughs from Artboards in Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/awt2542/ViewController-for-Framer">ViewController for Framer</a> — Multi-step user flows in Framer.js <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Primary-app/primary-sync">Primary Sync</a> — Sync your Sketch designs with Primary’s user flows and design documents. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/faridsabitov/Sketch-user-flows">Userflows</a> — Plugin for generating easy to use user flows in Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/faridsabitov/Sketch-Connection-Flow-Arrows">Connection Flow Arrows</a> — Plugin for generating easy to use connection flow arrows in Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/733902567457592893">Autoflow</a> — Autoflow makes it easy to draw flows. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/742764242781786818">Wireframe</a> — Wireframe plugin is the best for creating beautiful user flow prototypes and basic structures in Figma so no other kits, files or skills required! <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
</ul>
</article>
<div class="hidden-in-page">
<pre><code><p align="center">
<a href="http://bit.ly/33Q3AC0">
<img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/Abstract.png" alt="Abstract"/>
</a>
</p></code></pre>
</div>
<article id="version-control">
<h3 id="version-control">Version Control</h3>
<ul>
<li><a href="https://www.goabstract.com/">Abstract</a> — Abstract is a file management and version control tool for Sketch files <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/mathieudutour/git-sketch-plugin">Git Sketch Plugin</a> — A Git client generating pretty diffs built right into Sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/YusukeKokubo/sketch-hback-plugin">Sketch Hback Plugin</a> — A Sketch Plugin for history back and forward. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://plantapp.io">Plant</a> — Version control for designers <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/xuming/sketch-git-pro">Sketch Git Pro</a> — Git tools for sketch. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/734492262527930956">Time Machine</a> — Time Machine saves and organizes work that you want to look back on. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://versions.sympli.io">Versions</a> — Full-featured version control tool for designers. Works with GitHub, GitLab, Bitbucket and Azure Devops <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
</ul>
</article>
<!-- <div class="hidden-in-page">
<p align="center">
<a href="http://bit.ly/2VQVTJ8">
<img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/Porkbun.png" alt="Porkbun"/>
</a>
</p>
</div> -->
<article id="website--html-export">
<h3 id="website-html-export">Website & HTML Export</h3>
<ul>
<li><a href="http://www.sketch2web.skuko.com">Sketch2Web</a> — Export your project to the web in just one click. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ingrammicro/puzzle-publisher">Puzzle Publisher</a> — Exports Sketch artboards into linked HTML files and publish it on an external site using SFTP. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/finchalyzer/slinky">Slinky</a> — Export your Sketch designs as HTML email templates <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/mamuso/sketch-designdoc">Sketch Design Doc</a> — Exports a simple website using a bunch of conventions and a Sketch document as the structure. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Raureif/sketch-click-dummy">Click Dummy</a> — Export simple HTML click dummies to prototype interactivity. Just draw rectangles to create links between artboards. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/robflaherty/sketch-share">sketch-share</a> — Sketch plugin that exports artboards and generates an HTML file linking to each one <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://sketch-to-web.com">Sparkle Export Plugin</a> — Turn any Sketch artboard in a real website using Sparkle Visual Website Builder <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://launchpad.animaapp.com">Launchpad</a> — Export your Sketch design into HTML website. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/mludowise/sketch-html-export">HTML Export</a> — Generates an HTML page of images from your artboard. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/alanfraneo/sketch-neo-preview">NeoPreview</a> — A plugin to create HTML based preview and gallery straight from sketch artboards <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/markhorgan/click-thru-prototype">Click-Thru Prototype</a> — Generates a HTML click-through prototype of your responsive website design. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/amin-nas/Sketch-to-Clickthrough-HTML">Sketch To Clickthrough HTML</a> — Sketch plugin for creating a clickthrough HTML prototype <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/protoship/codegen-sketch-client">Protoship Codegen Sketch Client</a> — Build complex web apps from Sketch designs by generating elegant HTML & CSS that programmers can easily understand, adapt, and deploy <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/dvcdv/dvc_sketch_plugin">davinci_vip</a> — Export the metadata of the sketch file and then use it for web layout (absolute) <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/peterwooley/get-margins">Get Margins</a> — Gets the margins between an inner and outer layer and then copies the results to the clipboard as CSS. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/753195897635985866">HtmlGenerator</a> — HtmlGenerator renders any selection into its HTML equivalent with its associated CSS, all indented and separated for you to copy and paste. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
</ul>
</article>
<article id="workflow-improvements">
<h3 id="workflow-improvements">Workflow Improvements</h3>
<ul>
<li><a href="https://github.com/MrPeak/sketch-search-everywhere">Sketch Search Everywhere</a> — Search layer and select it, by matching textValue, name or ObjectID. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/sergeishere/HandyMenu-SketchPlugin">Handy Menu</a> — Gives quick access to your plugins through the context menu <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/dbilyk/SymbolTextInspector">Symbol Text Inspector</a> — Easily inspect the specifications of all text overrides in symbols, including in nested symbols. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="http://symbol-browser.pratikshah.website">Symbol Browser</a> — A new way to browse your symbols. Make the most of your Design System by bringing symbols and UI Sticker sheet together. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/griffin-stewie/SymbolNameAutocomplete">SymbolNameAutocomplete</a> — This plugin gives you autocompletion of symbol names when creating a symbol. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/ahmedmigo/overrideit-sketchplugin">Overrideit Sketchplugin</a> — Overrideit is a sketch plugin that allows designers to search in override list and overrides dropdowns, and with many other features. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://gumroad.com/l/sketch-symbols-manager">Symbols Manager</a> — 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. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Volorf/Paster">Paster</a> — Sketch plugin. Paste text data from clipboard to Sketch text layers <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/rezaaa/Laboji">Laboji</a> — A sketch plugin for adding emoji on layer names like colorful labels or tags. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/turbobabr/sketch-ace-jump">Ace Jump</a> — Quickly focus on various inspector’s fields like font size, font weight and text/fill color using shortcuts. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/yargies/sketch-select-exportables">Select Exportables</a> — Select all exportable layers, slices, and artboards. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/nathan5x/sketch-selectplus">Sketch - SelectPlus</a> — Helps you select a different types of layers, specific Shapes like Rectangle, Ovals, Triangles, Lines, Arrows, Paths, etc. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/sureskumar/Looper">Looper</a> — Looper helps automate the 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. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="http://www.reselect.co">Reselect</a> — Reselect allows you to restore a previous selection or save selections for later use (even after you close the document). <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/turbobabr/sketch-wanderer">Wanderer</a> — Frictionless, Finder like navigation in layer list by using beloved arrow keys and simple shortcuts. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/onmyway133/sketch-action">Sketch Action</a> — Spotlight in Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/arshad/Sketch-Navigator">Sketch Navigator</a> — Artboard navigation (with autocomplete) for Sketch <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="http://sketchrunner.com">Sketch Runner</a> — Speed up your Sketch workflow <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/KevinWoodhouse/Sketch-Nudged">Nudged</a> — A Sketch plugin to easily edit your nudge distance settings. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="http://www.nudgepushshove.com">Nudge, Push, Shove.</a> — Change the big and small nudge settings right within Sketch. Plus, get access to an even bigger nudge setting. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://mludowise.github.io/Sketch-Plugin-Manager">Sketch Plugin Manager</a> — Keeping your Sketch plugins up to date with the power of Git. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/canisminor1990/sketch-move-half-pixel">Sketch Move Half Pixel</a> — Move layers the half-pixel <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/romannurik/Sketch-Stickers">Stickers</a> — A Sketch plugin that lets you browse and quickly drag+drop stickers (specially tagged layers) in your Sketch Libraries. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/bomberstudios/artboard-manager#readme">Artboard Manager</a> — Because moving artboards manually is <em>so</em> 2016. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/pavelneznanov/ds-automator-sketch-plugin">DS Automator Sketch Plugin</a> — Tools for automating designer work <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/zehfernandes/sketch-pochette">Sketch Pochette</a> — A Sketch plugin that lets you carry your the most used properties close to your mouse <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Hito01/artboards-explorer">Artboards Explorer</a> — Add utility functionalities to Sketch’s artboards <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/uetchy/Sketch-StickyGrid">StickyGrid</a> — Sketch plugin to make paths be snapped to the grid. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/marcelinollano/sketch-review">Sketch Review</a> — Review designs using Emoji. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/nOograss/labelizING">labelizING</a> — Extract, replace and download labels from sketch file <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://gum.co/sketch-text-styles-manager">Text Styles Manager</a> — 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. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://gumroad.com/l/sketch-shared-styles-manager">Layer Styles Manager</a> — 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. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.sketchmanager.com">Sketch Manager Plugin</a> — The easiest way to manager your Symbols, Text styles and Layer styles. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/preciousforever/sketch-bounding-boxer">Sketch Bounding Boxer</a> — A simple plugin to toggle visibility of ‘boundingBox’ layers in a Sketch document. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/lewishowles/sketch-bound-with-box">Bound with Box</a> — Draws a rectangle of the same size, shape, and position as the selected layer, with possible padding. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/pravdomil/Sketch-Show-Bounding-Boxes">Sketch Show Bounding Boxes</a> — Sketch plugin that shows bounding boxes of all layers <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/pravdomil/FixSketchTrackpadSpeed">Fix Sketch Trackpad Speed</a> — Speed up your scrolling across all artboards <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/usagimaru/SketchTurbo">SketchTurbo</a> — A plugin for Sketch that adjusts scroll speed on a canvas. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/732773762837487095">Figma Walker</a> — Figma Walker is a new launcher for Figma. You can take any actions you want from a single input field. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/741300632449121669">Pixel Perfect</a> — Forgot to turn back on Snap to Pixel Grid? Not a problem. Select any layers you want to snap back to the pixel grid, and presto, their position and size are rounded back to nice round numbers. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/751892393146479981">Roller · Design Linter · Toybox</a> — Roller is the first-ever Design Linter - giving you the power to automatically find and fix style inconsistencies in your files. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/757836922707087381">Scripter</a> — Speed up your workflow or experiment with the Figma API through scripts. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/747923738427824830">Page Jumper</a> — Quicky jumps to any page in your file with this handy utility plugin. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/750049905488948276">Deep Focus</a> — Listen to your favorite playlist.- Preloaded with ‘Deep Focus’ playlist. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/738775292786594626">Design Inspo</a> — The best way to quickly look for design inspiration while you work. Search with text and colour to get quick inspiration and colour palettes from across the web without ever leaving your artboard. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/743928147588245448">DPI 2 Pixels</a> — DPI to Pixel is here to help you turn the best cloud-based design tool into your next print project tool. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/746565487016656360">Split Shape</a> — Split your shapes, text layers, groups and frames into multiple instances. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/738839069237725273">Spellchecker</a> — Speller helps to find and correct spelling errors in Russian, Ukrainian or English text. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.figma.com/c/plugin/754026612866636376">Spelll - Spell Check for Figma</a> — This plugin gives Figma spell-checking super powers similar to that of Google Docs. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg" alt="figma.svg" /></li>
<li><a href="https://www.unykvis.com/en/contactos">Experience Generator</a> — Generate entire groups of artboards for each experience and device selected with every artboard needed for that specific experience, and defined sizes for the device resolution. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
<li><a href="https://github.com/peterflynn/xd-artboard-quicknav">Artboard Quick Navigate</a> — Quickly jump view between artboards, searching by name. This plugin is open source and under 200 lines of code! <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg" alt="adobe-xd.svg" /></li>
</ul>
</article>
<article id="zoom-enhancement">
<h3 id="zoom-enhancement">Zoom Enhancement</h3>
<ul>
<li><a href="https://github.com/nathco/Zoom-Alert">Zoom Alert</a> — Sketch.app plugin for showing zoom notifications <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Arkkimaagi/Bookmark">Bookmark</a> — Bookmark your place and zoom in Sketch.app <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/Arkkimaagi/ArtboardZoom">Artboardzoom</a> — “Zoom” to currently selected Artboard. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
<li><a href="https://github.com/alexkaessner/custom-zoom-sketch">Custom Zoom</a> — Zoom your document to a custom zoom level. <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg" alt="sketch.svg" /></li>
</ul>
</article>
<article id="addendum">
<h3 id="addendum-reference-inspiration">Addendum (Reference & Inspiration)</h3>
<p>Awesome Design Tools & Plugins is curated by <a href="https://twitter.com/LisaDziuba">Lisa Dziuba</a> & <a href="https://twitter.com/ValiaHavryliuk">Valia Havruliyk</a> from Flawless team. And it was hugely inspired by articles from the design community and Prototypr.io Toolbox made by our good friend Graeme Fulton. If you found some great design tool, please <a href="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Contribution_Guidelines.md">suggest it</a>. Thanks for making this project awesome :)</p>
</article>