Language Selection List Options Alphabetical Sketch Ui Tool Design
Permalink
Cannot retrieve contributors at this time
Accessibility
Align & Arrange
- Auto Arrange Artboards — automatically arrange the order of your artboards in the layer list according to their position on the canvas.
- Aligny — an alignment enhance plugin for Sketch.
- Sequence Artboard Names — simple sequencing of all artboards within a Sketch Document.
- Sketch Align To Grid — let's align selection to grid.
- Sketch Groupie — sketch plugin providing commands to align layers with their parent group.
- Sketch Guides — allows you to quickly generate guides for a selected element and helps you achieve web development's famous grid (column) behavior in Sketch.
- IconFlower — arrange icons, images, and shapes in Phyllotaxis ( leaf arrangement) patterns. Leaf arrangement pattern in a sunflower, for example.
- Organize Symbols — a Sketch plugin that arranges symbol artboards.
- BaseAlign — a Sketch Plugin to align Text Layers by their baselines.
- Artboard Tools — a Sketch plugins for arranging artboards and navigating between artboards.
- Align To — a Sketch 3 plugin that aligns layers relative to more options.
- Align artboards and symbols — group and align your Sketch symbols and artboards by name.
- Bootstrap Helpers — 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.
- Symbol Override Padding — add bottom padding to a symbol override.
- Symbol Organizer — organize your symbols page and layer list, based on the symbol names.
- Symbol and Artboard Organizer — organize your symbols and artboards.
- Sketchplugin Align Artboards — easily aligns all artboards vertical or horizontal by name. Uses the same convention as the Sketch export folder structure 'parent/child'.
- Modulizer — 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.
- Pull to Center — pull to center: Move selected shapes or layers toward the center of the artboard.
- SketchDistributor — distribute selection objects vertically or horizontally with a given spacing between them.
- Sort Me — sort artboards and layers by name.
- Move It — a Sketch plugin that lets you move selected layers vertically and horizontally.
- Distribute Layers — a Sketch plug-in to distribute layers evenly.
- Optically for Sketch — automated and mathematically precise optical adjustments in Sketch.
- SizeArtboard — a Sketch Plugin for wrapping a new artboard around what you've selected.
- Butter — this plugin will butt your layers together.
- Stacker — a Sketch plugin to stack a selection horizontally or vertically.
- Sketch Arrange Artboards — layout all artboards in a grid with a user-specified number of rows.
- SnipSnap — remove extra padding on multiple layers or artboards with ease.
- Sketch Plugin Skew — a Sketch plugin for skewing (or shearing) shapes horizontally or vertically.
- Align To Padding — align layers in a group with padding applied.
- Paddit — a Sketch plugin that adjusts a group's background to the content with padding.
- Divider — a plugin for Sketch to equal division layers by a container.
- Super Tidy — a Figma plugin to easily align, rename and reorder your frames based in their canvas position.
- Sort It — sort selected Frames or Layers by names.
- Swap — easily swap two selected objects.
- Sorter — a small utility plugin to help you sort/re-order layers in Figma.
- Align To — align layers to a specific layer, and have that layer stay fixed while the other layers move.
- Reverse Layer Order — this plugin will reverse the order of the selected layers.
- Golden Ratio Align & Resize — with this plugin, it's easy to use the Golden Ratio just everywhere you need it.
- Distribute By — a lightweight plugin that spaces elements evenly by the pixel. Distribute items vertically or horizontally from the edges or the centers.
- Swapper — a plugin that allows swapping position of two selected elements.
- Apply Bounds — 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.
- Mask Fit — a command-like plugin that allows fitting images to their mask.
- Artboard Plus — 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.
- Invisible Space — 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.
- Singari — align/distribute to the key object. This plugin treats the last selected one as a key object.
- Remove Decimal Numbers — get that pixel-perfect design by removing the decimal numbers from element's width, height, rotation, x and y values.
- TrimIt — 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!
- Move Items to Adjacent Place — move/duplicate items to adjacent places (left, top, right, bottom).
Analytics
Charts
Code Export
- iosViews — a Sketch plugin to generate iOS view code.
- Copy Swift Code — a Sketch plugin for generating UIColor and NSColor initializer Swift code from fill color of selected layers.
- Copy Objective-C Code — a Sketch plugin for generating UIColor and NSColor initializer Objective-C code from fill color of selected layers.
- CSS Sprite Mixin — copy mixin code for SCSS, Less and Stylus to the clipboard in Sketch 3.
- Sketch Markup Listify — a Sketch plugin for convert and copy text layers into HTML lists.
- Copy Framer Code — a Sketch plugin that copies any selected layer to the clipboard as code that can be pasted straight into a Framer prototype.
- Cracker9 Sketch Plugin — cracker9 code-snippet sketch plugin.
- Sketch To View — generate android views from sketch.
- DesignToken2Code — convert design tokens to SCSS variables as code.
- Sketch Color Vars — a Sketch plugin that will export the fill color of selected layers to SCSS, LESS and CSS files.
- typex — highly configurable text styles to the web (CSS, sass, HTML, JSON, ...) export plugin
- SVG to React Component — 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.
- PaintCode Code Generator — convert your Sketch drawings into Swift or Objective-C.
- Copy as React Component (JSX) — generate React components from Sketch with a keyboard shortcut.
- scssketch — custom tools for living the ultimate the TAND&M; life. Built with love and care by Sarah Aslanifar, Drew Vosburg, and Max Oppenheimer.
- imgcook — a cook who can transform the design to code.
- Presto-Dom-Gen — generates Presto Dom Code from Sketch Layers.
- bztone-plugin — convert Sketch layers to JSON.
- Sketch Exchanger — convert from Sketch to JSON w/assets and JSON w/assets to Sketch.
- CSSketch — CSS Stylesheet integration to improve your workflow, with Less support. Attach once, updates your design automatically on stylesheet changes.
- StyleClip — a Sketch plugin that copies an element's styles directly to your Mac clipboard. Supports CSS & SCSS.
- Sketch Style To React Native — a Sketch plugin that copies an element's styles in React Native way directly to your Mac clipboard.
- CSSGen — generate CSS Preprocessors SASS/LESS from your local Figma styles.
- Icon2Code — 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.).
- Copy CSS to Clipboard — 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!
- convert scss variables — Xd plugin for frontend engineer, Xd object to scss color and font size and font family variables.
- Lightning Storm — create web, mobile and desktop apps instantly.
Code Highlight
Collaboration
- Google Sheets Content Sync — edit and collaborate on your content in Google Sheets, then sync in back to your sketch files.
- Sync — use Google Sheets to sync typography across your team.
- Dapollo — design and Development Platform(一站式设计开发工作台)
- Prott Sketch Plugin — sync Sketch artboards to Prott like a boss.
- Plot — collaborate with your design team in a new way
- Frontify Plugin — connecting your brand and design worlds
- Sketch Sync — create a collaboration hub for your Sketch files.
- Quopi — fetches copy from the comments on your Abstract branch
- Kopie — the copy-editing tool for web and product design
- Figma Chat — this plugin helps you to interact inside your files with other peoples.
- Status — 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.
- GoProof — 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.
- Slope — 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.
- Bluescape — 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.
- Mixed — Share on Mixed – communicate with voice, collaborate in real-time. Annotate, feedback & sketch together with simple visual tools.
Color Management
- Adjustments - HSL color adjustment plugin for Figma. Tweak hue, saturation and lightness values of multiple selected objects simultaneously.
- sketch-retain-text-color — retain the original color of text layers when applying a Text Style.
- color-locator — find all instances of a HEX color.
- add-colors-to-palette — quickly and easily add colors from the fills of selected layers in a Sketch file to the document palette.
- color-swatcher — a Sketch plugin to analyze document colors and show the WCAG color contrast value.
- add-selected-colors — add selected colors to document palette, sketch plugin.
- import-colors — import colors from swatches file to Sketch.
- ColorSpark for Sketch — a simple tool to help designers discover unique colors and gradients directly in Sketch.
- keyColor — a Sketch plugin to apply colors via the keyboard.
- sketch-easing-gradients — supercharge your gradients in Sketch with no-linear color mix and custom color spaces
- Bonsai Standards — update all the colors in an artboard to the latest Bonsai colors.
- Chromata — find rogue colors
- Sketch Icons — import your icons, apply a color mask and create a dynamic icons library.
- Sketch WCAG — a Sketch plugin that lets you contrast test your entire color palette against the WCAG guidelines all at once.
- Sketch Palette Generator — output a JSON color palette to Sketch.
- Appalette — a Sketch plugin that lets you find the color palette of (almost) any App.
- CopyColor — a plugin that provides a shortcut to copy layer fill color, border color, or text color to your clipboard for Sketch 4.
- QuickColor — a Sketch plugin that lets you quickly apply colors from the color palette to selected elements.
- arrowfy — add a simple arrowhead to end of selected paths. Matches color and weight.
- Open Color Plugin for Sketch — a Sketch plugin to support the open color file format
- Prism — creates a beautiful artboard color palette with all your 'Document Colors' and their respective color label in a variety of formats.
- Copy Color as HSLA — a plugin to copy the fill, border, or text color of the selected layer to the clipboard as HSLA.
- Sketch Image Average Color — a plugin to save and use the average color of an image.
- Colorpeek — gathers the colors used in your selected layers and shows them in Colorpeek.
- Color Picker Plus — set borders color using standard Sketch color picker
- Sass Colors — displays colors as preconfigure Sass variables for Sketch.
- Sketch Palettes — a Sketch plugin that lets you save and load colors in the color picker
- Material Design Color Palette — a Sketch app plugin for displaying Google material design color palette.
- Copy SCSS Colors — a Sketch.app Plugin to copy colors to clipboard as SCSS variable definitions.
- Color Copier — a Sketch plugin to quickly copy color RGB/HEX values.
- Style Inventory — generate a visual style sheet with all colors and text styles that you are using in Sketch.
- Swap Fill & Border — a Sketch.app plugin for swapping fill and border colors.
- Sketch iOS Bar Color Calculator — 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.
- Chromatic Sketch — create good-looking and perceptually uniform gradients and color scales.
- Palette Stripes — generate palette stripes in sketch from shape fills.
- Alembic — a Sketch plugin to extract a color palette from any layer that contains bitmap data.
- Chain — dynamic color relations in Sketch.
- Replace Colour — Replace all fill or text colours matching the selected layer
- Convert To Grayscale — a simple Sketch plugin to convert selected shapes to grayscale colors
- HSL Color Picker — HSL Color Picker for Sketch
- Randomcolors — a Sketch App Plugin For Applying Random Colors To A Selection Of Objects.
- Sketch Color Palette — a Sketch Plugin to generate .clr(Color Palette) file from selected layers.
- Sketch Swatches — a swatches plugin for Sketch, include Material Design, Open Color, RAL, TOYO, Pantone and more.
- ColorBrightness — Color Brightness sketch plugin
- Colormate — 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-pal-gen — generates Color Palette from Image Layer
- Blender — a sketch plugin to create awesome gradient layers
- GGradient — simple way to create perfect gradient
- CoolHue — coolest handpicked Gradient Palette for super amazing stuff
- Palette — palette helps you create the perfect color palette through machine learning from Colormind.
- Image Palette — extracts a color palette of 5 different colors from the selected images.
- uiGradients — adds gradients to groups, text and frames in a single click.
- Color Palettes — find the best color palette from the huge list of best color palettes.
- Color filters... — a simple plugin that allows you to quick convert all the colors in you selected layers or frames.
- Dominant Color Toolkit — generate a palette from an image to magically populate your designs.
- Brands Colors — find the best color from the world's best brands and cool apps.
- Chroma — create bulk color styles from the selection.
- GradientiMe — simply generates a rectangle layer with the gradient selected.
- Color Designer — the plugin generates shades, tints, and color harmonies based on select layers or local styles.
- Invert Color — invert backgrounds, fills, strokes & effects colors. Apply change to multiple selected shapes, texts, frames etc.
- Color Compass — this plugin was designed to make choosing colors a more accurate and efficient affair by generating interactive swatches using a single base color.
- Color Combinator — a Figma plugin for exploring different combinations of colors among elements.
- Chromatic Figma — lets you use other color spaces than RGB, such as Lab and Lch, to create good-looking and perceptually uniform gradients and color scales.
- Compliments — use this simple plugin to find complementary, split complementary, triad, tetrad, monochromatic, and analogous colors to a selected layer's fill.
- Photo to Palette — generates colour palette from selected images.
- Navigator — an easy way to find and apply color styles from your current document.
- Shadow Picker — quickly apply various shadows to layers with just 2 clicks.
- Instant Color — generate 470+ colors of Ant Design, Tailwind and Flutter in your artboard.
- Random Colors by Alon Gruss — Randomly generated color objects!
- material palette — on-screen material palette
- ColorSpark — 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.
- Color Scale — 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.
- GDS palette — import color palette used in the GOV.UK Design System.
- create color palette — XD plugin for frontend engineer, Xd object to color palettes.
- Complex Gradients — several useful tools for gradient fills.
- Color Blender — fill colors across a set of selected objects. Can also auto-create the intermediate objects by cloning if you only have two objects selected.
- Chromatic Gradients — this XD plugin lets you create an approximation of a gradient in other color spaces, like LAB.
- Color Ranger — colorRanger gives you the power to adjust brightness, saturation, hue and color depth in one click.
- Select Same Color — when an item is selected, allows quick selection of items with the same fill, border, or shadow. Supports both solid colors and linear gradients.
- Material Color Pallets — this Plugin Provides Material Color Pallets to Use in your Project.
Copy & Paste
Data Generation
- Iconscout — get access to 2 million+ icons, illustration, and stock images right into your design app.
- liveplanet-sketch-datasupplier — supply's real data from Live Planet's api to sketch for testing designs
- jerryipsum — a Seinfeld data plugin for Sketch.
- Turkish Data — Turkish data supplier plugin.
- Airtabledata — use your Airtable data in your Sketch symbols
- CSV Mail Merge — a lightweight Sketch plugin for importing data from .csv files using "{}" text sections.
- chemofill — a Chemical Structure data supplier plugin.
- VK-Data — a plugin for using data from your account at vk.com
- PersianSupplier — a Sketch Plugin for supplying dynamic Persian data.
- Sketch Data Faker — a Sketch data plugin providing data for you mockups from Faker.js
- stuffing — a DataSupplier plugin which supplies Chinese data.
- Chippen charts — 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.
- chart — create the most popular types of charts by real or random data
- TinyFaces — fill the content with random avatars & data
- Sketch Export Text — it helps you to save all text data on the current page in customizable format and filter the excess.
- Sketch Shopify Data Populator — a Sketch App plugin to populate your designs with meaningful ecommerce data. Goodbye Lorem Ipsum. Hello JSON.
- Sketch JSON Parser — replaces layer values in groups with JSON data
- Sketch Data Populator — a Sketch App plugin to populate your documents with meaningful data. Goodbye Lorem Ipsum. Hello JSON.
- Mail Merge — a Sketch plugin that allows you to duplicate a layer/artboard and replace the text with CSV data.
- Content Generator — a Sketch app plugin for generating dummy data such as avatars, names, photos, geo data etc.
- Sketch Data Studio — a Sketch plugin to generate charts and data for data tables.
- Foreign Ipsum — generate text for your mockups in multiple languages.
- Random Ipsom — 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.
- Fake Chinese Name for Sketch — generate Chinese names for text layers.
- Sketch Lorem Ipsum 2017 — a Sketch plugin to generate "lorem ipsum" text.
- English and Persian Lorem Ipsum — a Sketch extension to generate English and Persian lorem ipsum text.
- Bacon Ipsum — a simple & easy Bacon Ipsum text generator for Sketch.
- charapara — Charapara, an initiative by Kerala Designers Collaborative (KDCo), is a dummy text generator for Malayalam
- BRData — gerador de dados contextualizados com a realidade brasileira.
- Sketch Ipsum — a DataSupplier plugin that fills your text layers with random Lorem Ipsum
- Unsplasher — fills shapes or symbols with images from Unsplash
- P5 Sketchplugin — a plugin for using p5.js code inside Sketch
- Jane Doe — this Sketch Data plugin adds localized profile names (powered by uinames.com) to your design. - Get diversity into your content.
- Shutterstock — access Shutterstock's stunning images without leaving your workspace.
- Design Systems — it helps you find out popular design systems and download the official Sketch UI kit.
- Day Player — a collection of Sketch Plugins for creating placeholder images.
- JSON to Layers — convert to Layers on Sketch from JSON (with Fireworks PNG structure).
- Artwork Fetcher — 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.
- Logo Fetcher — place logos from either the Logos API (SVG format) or Clearbit API (PNG format)
- Unsplash It — a plugin to quickly include great-looking image from Unsplash.com in your Sketch projects.
- Date Generator — a random date generator plugin for Sketch
- Sketch Icon Fetcher — this plugin will let you insert any website's favicon, or iOS/Android app's icon into your design
- SketchContentSync — sync sketch files with google docs.
- Diverse UI Sketch Plugin — the official Sketch plugin for Diverse UI.
- Logodrop — a Sketch Plugin to get brand logos right into Sketch App.
- Drake — a Sketch plugin for generating dummy Drake content such as photos and lyrics.
- Sketch Cats — render layers in Sketch as various images of cats
- Event Badges By David — a Sketch plugin to make a large number of name tags for any kind of events
- 100 Shapesum — a Lorem Ipsum Sketch plugin based on 100 Shapes tone of voice.
- uiLogos — insert professionally designed dummy logos of companies.
- Seoul — a sketch data supplier plugin for random Korean names.
- IBAN Generator — generate random International Bank Account Numbers (IBAN)
- String Value Puller — a plugin to handle pull string values from github repositories.
- foodreau — a data supplier plugin for populating designs with real food recipes.
- Brandfolder — easily use your digital assets from Brandfolder right within your favorite platform for digital design!
- Excel Content Sync — decouple and Sync multi-language content between Excel and Sketch
- Unsplash — insert beautiful images from Unsplash straight into your designs.
- Content Reel — need content for your layouts? Content Reel helps you easily pull text strings, avatars and icons into your designs.
- Lorem ipsum — generate 'Lorem ipsum' to fill your text layers with dummy text.
- Google Sheets Sync — Sync content from Google Sheets directly into your Figma file.
- Avatars — add random user avatars to your designs with one click.
- Brandfetch — tired of looking for a company's logo? Check this plugin.
- Table Generator — Table Generator plugin automates the addition of tabular data.
- Humaaans for Figma — this plugin brings the amazing illustrations library called Humaaans by Pablo Stanley to Figma.
- Data Lab — paste random or real data into text layers and components easily.
- QR Code Generator — 'QR Code Generator' helps you to quickly create a Vector QR code.
- Photos — search and insert photos from Flickr into your Figma files.
- Random Name Generator — 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.
- Lorem Ipsum Generator — Lorem Ipsum Generator, with two clicks generates random text in Figma.
- User Profile — enables designers to display beautiful generated avatars in your design prototype.
- Avatars generator — Avatars Generator creates unique, AI-generated photos of a fictional persons.
- Smart Data — Smart Data inserts random data according to the text layer name.
- Airtable to Figma — this plugin allows you to effortlessly pull text and images from an Airtable database and inject them straight into your Figma components.
- Simple Table Generator — this plugin generate tables with information from Excel/Google Sheet.
- Data From Local — insert data from local TXT files or images.
- Random Key Generator — quickly generate a random data string with alphabets, numerals, and symbols depending on your needs for use as IDs and secrets in your mocks.
- Flags — add country flags to your Figma designs.
- JSON Populate — use your own real JSON data to populate your text layers.
- sigils — Sigils is an avatar generated for Urbit IDs.
- Figmoji — add emojis seamlessly onto your designs.
- Table Master 3000 — easily switch between column work and row work.
- Placeholder Image — Placeholder Image for your designs and wireframes. All images are provided by https://placeholder.com/
- Unsplash Random Image — this plugin just generate a random image for your design
- This Person Does Not Exist — 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.
- Lorem Ipsum — a small plugin to insert placeholder text that fits your needs.
- Wikify — 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.)
- Movie Posters — import movie posters in your designs with a click.
- uilogos — uiLogos allow you to Insert professionally designed dummy logos of company and 190+ Country flags directly into mockup.
- User Images — this plugin fills selected shapes with random user photos using randouser.me's API. Plugin needs internet connection on your machine to work.
- Airtable — 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.
- Google Sheets — a plugin that enables designers within XD to enrich their designs with real content and data from Google Sheets.
- ContentGenerator — a content Generator plugin helps you generate randomised content for your design.
- Data Populator — a plugin to populate your design mockups with meaningful data. Goodbye Lorem Ipsum. Hello JSON.
- QR Code Maker for XD — create QR Code in the current document. This plugin will work 8 bit binary mode with UTF-8. The error level will set low.
- UI Faces — avatars for design mockups.
Developers Handoff
Document Optimisation
Document Organisation
Layout & Padding
Export
- Sketch Slicer — Create slice layers from selected layers, with padding or set a fixed size.
- slicer — Your friendly Sketch slicing helper
- Design Token Exporter — Simple Design Token Exporter
- sketch-export-to — Export an artboard layer to json or markdown
- slice-it — Slice-it tool, Export the slices from the local sketch file in png, jpeg, svg
- Drafta — Export designs directly to Drafta
- Caravel — Export your artboards directly to Caravel projects.
- Squash — Export and optimize images with Realmac Squash
- ImageOptim Sketch Plugin — A Plugin for Sketch that compresses exported images using ImageOptim.
- Export Symbols — Sketch Plugin that exports all symbols as pngs to a specified folder
- Android Res Export — Export Android resources in Sketch, include PNG assets, app icon, nine-patch image and vector drawable.
- Atomic Sketch Plugin — Exports Sketch Files to Atomic
- Base64 PNG Export — sketch plugin for Export Data URI
- IconSlate — Export icons (icns,ico,...) from Sketch using Icon Slate.
- Export to Indigo — Generate Indigo Studio projects from your artboards to create interactive, animated prototypes. Get real user feedback through included usability studies with video replays.
- sendTo — Export layer as an email attachment
- Page Export — A simple Sketch plugin for exporting page(s).
- Gretel — A Sketch plugin that flattens files after exporting.
- ImageCodeExporter — a plugin that exports your sketch layer for code usage
- SVG-BEM — 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
- rename-export — Use this plugin to batch export layers with consistent filenames
- Somino — Attachable styles, Advanced clipboard, Silent export
- Lottie Sketch Export — Native Sketch plugin for exporting Artboards and Symbols into Lottie JSON
- Awesome Image Compressor — Compress exported image assets
- Sketch Image Compressor — A Plugin that compresses bitmap assets, right when you export them. This Plugin requires Sketch 3.8.
- Nucleus — Plugin for creating Atomic Design concept in Sketch and export scss-map for front-end
- sketch2vd — A Sketch plugin that exports selected layers to VectorDrawable for Android.
- SVGO Export — Uses SVGO to compress exported SVG assets
- Icon Tools — Sketch.app plugin to clean icons and to prepare them for a clean export without tints and masks.
- giancartboard — Sketch plugin to export artboards in folders automatically numbered
- Sync To Slides — Sync to Slides is a Sketch plugin that will help you upload your artboards to Google Slides directly without an export step
- Justinmind Sketch — You can export artboards, layers, and pages you've made in Sketch to Justinmind and turn them into interactive shareable prototypes.
- Sketch2AE — A Sketch plugin to export sketch file to Adobe After Effect
- App Asset Export — Sketch3 plugin, One key export Android/iOS App icons.
- Export More — Sketch.app plugin for exporting ICNS and GIFs
- Shared Text Styles — Easily import and export your Text Styles in Sketch.
- Sheetie — Sketch 3 Plugin that makes a SpriteSheets to export or use
- ScreenFork — ScreenFork is the Sketchapp plugin that export screens and their variants based on Layer prefix
- SVGO Compressor — A Plugin that compresses SVG assets using SVGO, right when you export them. This Plugin requires Sketch 3.8.
- Sketch Export Generator — Sketch plugin to export assets at different scale sizes
- Export to Proto.io — Give life to your Sketch designs! Export all or selected artboards to Proto.io screens, preserving layer positioning and hierarchy. By exporting to Proto.io you can link screens together, add interactions and animations.
- Sketch Export Sizes Generator — A simple plugin for Sketch that generates export sizes of layers.
- ScrollMotion — Sketch plugin to export ScrollMotion
- Export for Replia — Sketch Plugins to export selected artboard or layers for Replia.
- Xport — A Sketch Plugin to export image assets directly to Xcode
- Better Android Export — A plugin for exporting layers for Android. Supports transparency and 1x and 2x base sizes.
- smartboards — Smartboards aims to make managing and exporting artboards easier in Sketch.
- Export Assets — A Sketch plugin that allows you to quickly export assets for Android, iOS, Windows Phone, and the Web.
- Clear Export Options — Clear export options for all elements on all pages in a Sketch file.
- Timeline — Create beautiful timeline animations and export GIF or MP4
- Quick Export as PNG — Quick Export layers/artboards/symbols as PNG Plugin for Sketch.
- Seca — Your friendly Sketch slicing helper for symbols
- library-audit — Export Symbol and Shared Style data from any Sketch Library to CSV.
- Miro plugin for Sketch — 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
- SketchingOn — Quickly select and share work in progress with your team via WorkingOn.
- zeroheight — Document your design system using beautifully simple style guides synced with Sketch and code
- Droplr — Droplr for Sketch lets designers quickly and easily share their Artboards
- PhraseApp Sketch Plugin — Sync your design content from Sketch with PhraseApp
- Snatch — Sketch plugin which uploads layer to CDN directly.
- Storyboard Export — Export Sketch based designs to be used within Crank Software's Storyboard Suite
- Sketch to Trello — Export Sketch Artboard to Trello
- Upload to CloudApp — Upload to CloudApp: Upload the current artboard or page to CloudApp.
- Framer Inventory 2.0 for Sketch — Sketch plugin to generate FramerJS prototypes. Just have your motion done.
- WeTransfer — Share artboards and pages via WeTransfer
- Hubble Sketch Plugin — A Sketch plugin to extract assets and primitives and send them to Hubble.app
- Dribbble — Share your creative process directly to the Dribbble community from within Sketch.
- AEUX — Transfer layer to After Effects
- projecthuddle — Syncs sketch files with ProjectHuddle mockup projects.
- Sketch TinyPng compressor — A Plugin that compresses bitmap assets using TinyPNG API. This Plugin requires Sketch 3.8.
- Coffee Slice — 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.
- Specify (Alpha) — Export styles and assets to your Specify Libraries.
- Advanced SVG Export — optimize SVG before exporting without leaving Figma. Uses SVGO under the hood. ![figma.svg]
- Android Resources Export — Export multiple sizes PNG from a selected slice or exportable layer, with a fixed folder structure (drawable-xhdpi, etc..) and valid name.
- iOS Export Settings — This plugin automatically applies the correct export settings for every required iOS App Icon size and density.
- iOSPNGExporter — This plugin helps you to create the most common used export settings for iOS PNG icons, including a @2x size and a @3x size.
- icns/ico Generator — A Figma plugin to export Frame nodes to .ico (Windows) and/or .icns (Mac) files.
- Export .zip — Easily export assets from Figma directly into a .zip file.
- Archiver — 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.
- Slicer — A Figma plugin to make easier to slice multiple objects.
- Justinmind for XD — 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
- Copy SVG Code — Plugin to generate SVG code from the selection.
- Advanced Export — this plugin provide code from xd for developers - Colors For Android,CSS,LESS,SCSS - Artboard mockup for Xaml - Name of Artboards
- UWP icons export — Create assets / icons for UWP in the formats 100, 125, 150, 200, and 400.
- Export as React Component — 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)
- Export only one size — 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.
- XDA Exporter — Export Artboard Info as xda.You can use xda file to any other soft to generate screen.
- Dribbble — 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.
- CloudApp — 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.
- Custom Export — Export selected Layers and Artboards to any custom scale.
- Trello — 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.
- Sisense Blox Template — 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!.
- Artboard Deep Link — 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.
- Artboard for PDF — Create artboards for exporting as PDF files. You Can Select Size (A3 - B5) and Orientation (Landscape or Portrait).
- XD2Sketch — Export XD files directly to Sketch using our converter.
Generate UI Element
Guides & Grids
Images Management
Import
Map Generation
Mockup Plugins
- Artboard Studio Mockups — 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.
Other
- Tabula Rasa — Add blank backgrounds to transparent artboards
- Remove.bg — Remove image background in a single click
- Label Layers — A Sketch plugin that labels selected layers
- sketch-camera-hotkeys — Navigate around and present more efficiently
- Sketch a Sketch — Bringing the iconic knobs from the famous toy to Sketch.
- Sketch Line2rect — Replace Lines by Rectangles in Sketch
- Composite SVG — A Sketch plugin to create a composite SVG file from sketch artboards
- toggleLayers — One action to toggle layers on / off so that you can more easily remap this to a custom keyboard shortcut.
- lazyboards — Artboard tools to help you with tedious batch tasks.
- Sketch Replace Layer — Replace selected layer(s) with copied content/layer(s)
- Puzzle Tokens — Sketch.app plugin to apply design tokens to Sketch layers
- Sketch Iconscope — Wrap the Icon with a square(4n) scope.
- Roller — Roller is the first Linter for Designers. It works just like spell-check but within your Sketch files.
- Assistant — Talk to Sketch
- Y Tools — Sketch plugin tools yued-fe.TM
- Lightwire — 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.
- Perfecto- — A sketch plugin to round off all sub-pixel layers at once
- draw-and-render — A plugin to render canvas to sketch
- Sketch Split Shape — Sketch plugin to split up a rectangle evenly by a user-generated value
- Separate Shapes — A Sketch-app plugin that does a "boolean" separate operation on two selected shapes. Like divide in Pathfinder in Adobe Illustrator.
- Sketch Topographic — Display Topographic Information
- Units — A Sketch plugin for working with print units (inch, cm, mm) in Sketch's pixel world.
- Z Rating — Sketch plugin for designers @zomato to quickly change and maintain restaurant ratings
- Smartling — Plugin for Sketch that allows you to translate and pseudo-localize designs using the Smartling platform.
- Gifmock For Sketch — Easily create GIFs from your mocks
- Sketch Show Layer Info — Show selected layer's ObjectID, Class and ID. It is of great use for plugin development or file parsing.
- Table of Contents — Sketch plugin for generating a table of contents for documentations
- Sketch Marginbox — Simple script to create layers as margins
- Nudge Corner Radius — Increase/decrease the corner radius of a rectangle, or path nodes — with easy keyboard shortcuts
- Rotate Artboard Orientation — Rotate the orientation of an artboard - from portrait to landscape, and vice versa.
- Sketch RTL — Automatically create RTL layouts of your designs with this plugin for Bohemian Coding's Sketch 3
- Rotator — Rotate objects at preset amounts
- SketchTape — Connect two shapes in the Sketch app.
- webalize — Sketch plugin to webalize layers name.
- Sketch to VR — Personal fun project - turn your mocks into VR
- Specify — Quickly generate a rectangle or oval with specific dimensions and positioning.
- Sketch Wakatime — A Plugin to update your WakaTime stats automatically from Sketch.
- Formr — Helps to maintain simple proportions of layers and artboards
- Toggle NoPrint — Toggle Visibility of 'NoPrint' layers in Sketch
- Unlock All Layers & Unlock Hover — Unlock all layers on the current artboard using ⌘⌥L
- Sketch Nearest 8 — Sketch Plugin to round shape size to the nearest multiple of 8
- Split & Divide — Split and Divide plugins for the Sketch3 app.
- WordCloud — Create basic word clouds and tag clouds.
- Single Border — Add single borders with advanced controls.
- Sketch Play — Create game plays directly from the Sketch app.
- Loose! — Turn your lines into arrows
- QRCode for Sketch Local Sharing — This plugin show QR Code for Local Sharing URL (Sketch 3.4 Feature). Read this QR code when checking your design on a smartphone.
- Library Replacer — Quickly replace instances of shared Symbols and Styles.
- Install Library Bundle — Installs a bunch of shared Sketch Libraries at once, because life is too short for clicking links.
- Remove BG — Remove the background of images automatically with just a single click - using the remove.bg API.
- Border — Quickly add single borders in Frame.
- Gifs — Your perfect design needs the perfect gif.
- Multiplayer Pong — The first video game implemented as a Figma plugin is also the first video game ever: Pong.
- Tumble — Tumble makes shapes fall down. Put your shapes in a frame, select them and run Tumble.
- Thanos UI — Thanos UI removes random half of the selected elements.
- Silicon Connector — 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.
- Animated Digital Clock Timer — 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.
- inMotion ignite — Create inMotion ignite proofs from your artboards directly in Adobe XD!
- Move Items Dialog — Move items Like Illustrator Dialog.
PDF Export Plugins
Plugin Development
Plugin Managers
Plugins Collection
Presentation & Preview
Prototyping
Three D Perspective
Rename Helper
- Symbol Master Renamer — Simple plugin to rename and organizing the master symbols with '/'.
- 2O3T Tools — Easy Tools, batch rename layers and artboards, etc.
- Enumerator — Sketch plugin to rename and number your artboards or layers based on their x,y position
- Rename Instances — Tiny single-command Sketch plugin that renames every symbol instance with its master's name.
- Rename It — Keep your Sketch files organized, batch rename layers and artboards.
- Layer Renamer — Find or rename multiple layers at once using RegEx and flags in Sketch (v.45 tested)
- Renamer — Select multiple layers/groups/artboards and rename all of them on the go.
- Rename Layers Based On Textstyle — Renames text layers in the current page based on their text style name
- Symbol Namer — Rename symbol instances to their override text values
- Symbol Instance Renamer — Rename all symbol instances to the name of their master.
- Regexp Rename — You can change the layer name by Regexp in Sketch 3.
- Sketch Name Organizer — Rename artboards based on their x and y position; Rename layers based on their Style and Symbol.
- Sketch Rename Artboards — Rename Artboards based on their X and Y locations in Sketch
- Sketch Number Artboards — Sketch plugin to number artboards in order
- Page Numbers — Sketch plugin for adding page numbers to artboards.
- Sketch Number Artboards — Sketch plugin to number artboards in order of position.
- Sketch Paginate — Add page numbers to artboards.
- Enumerator — Rename and number your frames based on their x,y position
- Layer Names Transfom — This plugin will help you to quickly transform the names of your layers.
- namespaces — Plugin for automating formatting of page names, frames, components, layers, etc.
- Smart Cloner — Make multiple renamed copies of components, frames or other layers in seconds.
Resize
- Push and Shove — Sketch plugin for resizing, aligning and generally manipulating layers wickedly
- swap-width-height — Swap a layer's width and height.
- Set Min Max — This plugin will resize a layer by height or width to a base max or min value
- Align and Resize To Layout — Align and resize layers to your layout in Sketch
- Photo Grid — A Sketch plugin that can size layers to common photo dimensions and scale them to fit in a row.
- nudgefromrtl — Quickly resize a layer horizontally from right to left with keyboard shortcuts
- Sketchsize — A Sketch plugin that lets you resize your design by simple shortcuts. Helps you output splash screen and screenshot for app store&google; play
- Fitter Sketch Plugin — Fit layer to artboard width, height or both
- Keyboard Resize — A Sketch plugin that lets you resize objects from all sides with keyboard shortcuts. As a bonus, you can specify the resize amount.
- Copy Paste Position & Size — A Sketch plugin that lets you easily copy & paste width, height, x & y values from and to objects
- Resize Commands — A Sketch plugin that lets you resize and reposition objects by using simple arithmetic commands, like
b+20,lr+20
. Multiple objects are supported. - Watch Icon — Plugin for Bohemian Coding Sketch app that automatically resizes artwork for the Apple Watch icon.
- Resize Artboard — A Sketch Plugin for resizing artboards to fit their content.
- Random Sizing — Sketch plugin to randomly resize selected elements.
- Sketch Resize — Resize (not scale) multiple layers at once via shortcut.
- Sketch Aspect Ratio — A simple plugin to apply preset or custom aspect ratios to a selected layer.
- Mobile Sizes — Change a rectangle, artboard, or any other object to be the size of a mobile phone.
- Scale All in Place — Scale all in place: Resize all selected shapes or layers, in place, from the center.
- Nudge Resize — Resize a layer horizontally and vertically from the centre with easy keyboard shortcuts
- FlipSize — Flip the size of any artboard or shape
- fit-to-parent — Sketch plugin that lets you fit a layer to its parent's width, height, or both.
- PinIt — A collection of Resizing Shortcuts.
- Button Resizer — Resize your button to fit its label width.
- Icon Resizer — Resize icons into a standard size and bounding box on your design.
- Aspects — AboutAspects is a little plugin that helps resize selected elements to fit a certain aspect ratio.
- Anchor Resizer — Resize the selected layer from any corner or direction.
- Margins — Resize and position elements using Top, Bottom, Left and Right.
- MultipleResizing — You can resize multiple objects at once.
- Resize to Frame — Select items to resize them to their parent's size (Horizontally, Vertically or Both).
- Proportional Scale — Easily resize your shapes with all other attributes resizing proportionally.
- Reset Size — Plugin for quick access to the resetting size of the instances.
- Fit to Artboard — Resize shapes to fit the artboard in no time, using 2 simple custom keyboard shortcuts
- Print Artboard — Create or resize artboard using common or documents sizes (A3, A4, A5, legal, letter, custom ...), unite (mm, in...) and resolution you need.
- Nudge and Resize — Add menu items for nudging and resizing objects (8px by default) so they can be controlled by keyboard shortcuts.
- Resize Artboard to Fit Content — Resize the artboard to fit the boundary of Contents in the artboard.
- Adjust Size by Shortcut — Adjustment size of objects by Keyboard Shortcut.
- Fit to Parent — Resize objects to match the size of their parent Group or Artboard.
- Artboard Size Expander — 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.
Selection Enhancement
- Select Similar Layers — A plugin that selects layers with similar attributes to those of the layer currently selected.
- Select Invisible Layers — Select invisible layers on the current page
- Select All Slices — Sketch app plugin to select all slices in the current page.
- Select Group Layers — Select all child layers of a group with a key command.
- Select Parent Artboards — A Sketch plugin that selects the parent artboards of the current selection
- Select Child Layers — A sketch plugin to select all the child layers of a group.
- Sketch Select — Make it much more convenient to select layers with similar attributes.
- Sketch Query Selection — Filter selection layers by type
- Sketch Artboard — Next Artboard / Previous Artboard
- DeepSelect — A quick and easy way to select layers inside a group, filtering by layer type
- areanow — Get the total area of selected rectangle layers.
- Sketch Unlock All Selected Layers — Unlock all selected layers using ⌘⌥L
- Transpose — Transpose your selection and set pixel margins between elements.
- Artboard History — A Sketch plugin to switch faster between your latest artboards.
- Sketch Reverse — Reverse the position or depth of selected elements.
- Similayer — 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.
- Find & Focus — A simple plugin to search for layers in your document. The plugin will select the layers containing your text and zoom to fit them.
- Select Inverse for Real — Inverts your selection within the context of the parent group/frame.
- Super Select — Select All Siblings and Invert Siblings support multiple layer selections.
- Select Parent — Select Parent, lets you quickly select the parent object of whatever you have selected.
- Replace Nodes — Replace Nodes plugin replaces selected nodes with the copied node. Basically, this plugin does paste over selection while removing the original selection.
- Send to Top — Take any selection and send it to the top of the layer stack.
- SelectMenu — Select Same: Selecting and executing one item will select items with the same name, class, component instance, position, etc.
- Selection — 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.
- Go to Next Artboard — 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.
- SelectionToArtboard — The plugin creates a custom-sized Artboard, starting from the user selection.
- Find Artboard from Link — 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.
Shortcut & Keyboard
State Management
Style Management
- Material Plugin — Create, customize, and share your own Material theme. Includes Material Theme Editor, plus upload and sync to Gallery.
- FusionCool — Plugin to using resources of Fusion Design.
- Sketch Style Master — Sketch plugin for renaming shared styles
- Shared Style Finder — Find instances of a shared layer or text style.
- lazy-styles-generator — Generate shared layer and text styles using the name of the selected layer as the name of the generated style.
- Shared Styles Hierarchy — Organize your shared styles using the layers list, create a hierarchy where children inherit properties from their parent.
- Flatten Plugin for Sketch — Flatten single or multiple layers instantly, create shared artboard styles, keep them all updated like a boss and boost your Sketch document performance.
- Miaow — A set of plugins for Sketch include drawing links & marks, UI Kit & Color sync, font & text replacing.
- Remove Fills and Borders — Remove a layer's fills and borders in Sketch.
- Sketch Styles Generator — Generate hundreds of Sketch Shared Styles in a matter of seconds.
- Blur Artboard — Add blur effect to artboards for testing visual hierarchy easily in your design process.
- Smudge — Emulate blend functionality from Adobe Illustrator
- Elevation Shadows — A Sketch Plugin to apply consistent Elevation Shadows
- Sketch Styler — Sketch plugin that assigns styles automatically to all of your unstyled layers.
- copy-paste-shadows — Plugin to copy-paste shadows across layers
- sketch-tailwind — Export your design to a theme-file you can use in your Tailwind CSS config.
- Text to Styles — Generates Sketch type styles programmatically from Artboards
- Rough — Transform your shapes in a sketchy, scribbly, hand-drawn-like, style.
- Sketch Smart Style Switcher — Switch to an existing test style if attributes match.
- Sketch Copy Layers Styles — Sketch plugin to copy Layers and Text styles
- Swappr — Swap layer positions and styles
- Fix Styles — Remove duplicate styles in Sketch
- styledrop — A plugin for Sketch allows you to easily copy styles from one layer to another.
- Copy & Paste Shadows — Copy & paste only shadow styles from layers without other styles getting in the way.
- Sketch Make Long Shadow — A plugin for Sketch to create long shadows from a shape.
- system-styles — Generate all the text styles you'll need, including alignment and colour.
- Swap Styles — Sketch plugin for swapping styles between two layers.
- Themer — Themer allows you to easily swap between published styles from your libraries.
- Kaleidocode — Convert VS Code themes to Figma color libraries, create new themes via JSON, and swap themes automatically.
- UI Kit — This plugin makes a preview for the fonts and colors used on the layouts or from your styles.
- Noise — Make some noise in Figma! Noise is a handy tool when you need to add a hint of realism to your work.
- Convert Shape — Convert Shape is a command-like plugin that easily converts a shape into another, keeping the original appearance.
- Style Mate — 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.
- Swap Fill and Border — 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
- Reorient path — Reset the path rotation without affecting the shape.
- Reverse Button Fill — A plugin that reverse fills a text and a rectangle ( or an ellipse ). This plugin is intended to be used for button-like elements.
- Swap Position — Swap the position of two selected nodes
- Toolabs DSM — 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.
Symbols & Components Management
- Symbol Browser — A new way to browse your symbols. Make the most of your Design System by bringing symbols and UI Sticker sheets together.
- symbol-insert — Simple plugin to insert Sketch symbols
- Symbol-Merger — A Sketch plugin that merges duplicate symbols
- Disconnector — Quickly disconnect all symbols from a selection
- restore-overrides — A small plugin to store and restore override values before and after library updates
- Symbol States — A Sketch plugin that saves overrides of a symbol instance as states to be applicable on another instance of that symbol later.
- Overrides Manager — A Sketch plugin that makes managing overrides easier.
- Escriba — Sketch plugin to copy-paste symbol overrides
- Format Symbol Names — A Sketch plugin to nicely format the names of all artboards or symbol masters on the current page
- Sketch Library Unlinker — Unlink symbols linked to a specific library, or unlink symbols that have been deleted in their libraries.
- Select Same Symbols — Select the same symbols as the currently selected symbol.
- Move To Library Sketchplugin — You can now move symbol from your project to any library and re-attach all the symbol instances to this library.
- Symbol Swapper — Swap the selected symbols and/or symbol instances to a master of the same name in a library.
- Symbol Instance Locator — Locate all instances of a selected symbol or instance.
- Symbol Instance Sheet — Generate a sheet of symbol instances from your current document or a library.
- Library Symbol Replacer — Sketch plugin to replace symbols in existing documents with library symbols
- Sketch Symbol Importer — Import symbols from on Sketch file into another. Maintains overrides and updates existing symbols in place.
- Sketch Find All Instances of Symbol — Find all instances of a symbol in Sketch
- Merge Duplicate Symbols — Sketch.app plugin to merge symbols with the same name.
- Instance Locator — Locate instances of a selected symbol and navigate to them, anywhere in the doc.
- Prefixation Sketch Plugin — Manage the prefixes of your layers, artboards or symbols
- Find All Instances of Symbol — A Sketch plugin that lets you find all of the instances of a symbol across multiple pages/artboards
- Sketch Duplicatesymbol — Sketch plugin that creates a new symbol out of a selected symbol
- Path Prefix Remover — Remove path prefix for symbol instances.
- Symbol Me — Convert all your similar layers to symbols with a single click.
- Import Symbols — Easily import symbols from another Sketch file
- Batch Create Symbols — A plugin for Sketch to convert selected layers to individual symbols.
- Sketch Unlinker — Sketch plugin that lets you unlink selected layers and groups from either shared symbols, styles or text styles, en masse.
- Disconnect for Sketch — Disconnect/unlink selection from symbols and shared styles.
- SymbolNameSync — This plugin gives you syncing names between Symbol masters and its instances.
- Sketch Symbol Legend — This plugin provides indexing of Symbols in your artboard with a detailed legend.
- symbol-overlay-toggle — A Sketch plug-in to seek specific style names in library-sourced symbols and toggle the styles.
- Instance Finder — Find all Instances of a Component used in your file.
- Locator — Locator helps you find all instances of a component and enables you to jump to each instance.
- Component Page — 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.
- Reattach Instance — Relink a frame to a component by searching for similar instances. (...
- Component Replacer — A simple plugin that helps you to replace any selection with components or instances.
- Safely Delete Components — When you delete a component, it can be still used in your mockups.
- Send to Components Page — If you prefer to keep your components on a separate page and are tired of carrying them manually, this plugin is for you.
- Component Master Manager — 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.
- Create Component Inside — Create components anywhere you want! You can use this plugin instead of the standard Create Component command.
- Replacer — 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!
Text Management
- Truncat — A Sketch plugin to truncate text.
- Sketch Copy Text Only — Sketch plugin to copy only the text from selected artboard(s) or layer(s)
- Context — Count character, words, and paragraphs from a text layer easily inside Sketch!
- Create New Styles — A Sketch plugin to create multiple layer styles or text styles
- QuickTextOverride — Use a key command to target the first text override of a symbol.
- Translate From JSON — A Sketch plugin lets you use variables for texts in your designs.
- Find and Replace Text — Find and replace text throughout your Sketch document
- Case Converter — Convert text layers, symbols or all instances of a symbol.
- Bold It — Bold-it is a super simple plugin that bolds a user-specified keyword in selected text layers.
- add-trailing-space — add trailing space into selected text layers
- adjustToFit — A quick Sketch plugin to resize text layers, groups, and artboards to fit their content. Also, supports nested resizing.
- Emoji Autocomplete Sketch Plugin — While editing Sketch text layers, type ":" followed by the first few letters to auto-complete emojis.
- Sketch Hyphenator — Sketch plugin that hyphenates text
- Textbox fit Content — This plugin sets the height of a selected text layer or all text layers in a selected group to its content's height.
- Fast Text Transfer — Lightning-fast copying, pasting and swapping text.
- Sketch Style Libraries — Sync layer & text styles from any Sketch Library
- I Want Apple System Font — A Sketch plugin for applying Apple system font to text layers. (For Japanese designers.)
- Translate.me — Translations. Simplified. Translate your Sketch text layers, artboards, and pages in over 100 languages with Translate.me plugin. Powered by Google.
- Sketch Auto Translate — Plugin to translate Sketch files into via Google Translate.
- Sketch Title Case — Sketch Plugin to make text Title Case
- Truncate Text Lines — Truncate the number of lines of a textbox, adding an ellipsis if needed. It works using words or characters.
- Sketch SF UI Font Fixer — 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.
- Adjust Button Shape — A Sketch plugin that adjusts a shape layer according to the attributes of a text layer
- Pseudol10n — Sketch plugin to pseudolocalize text layers
- Sketch Text Tools — Sketch App Typography Plugin for working with font metrics, aligning text-layers and building typographic systems.
- Update Text Layer Name — Sketch plugin to update Text layer names from their own text values.
- TitleCase — A Sketch plugin that changes your text to TitleCase
- Clean Up SF UI Type — Sketch Plugin to clean up SF UI fonts character spacing & normalize text & display variants.
- Find And Replace — Sketch 3 plugin to do a simple find and replace on text within layers
- Character Count — Sketch plugin to count the number of characters in a text layer
- SketchTextSourcer — Sketch plugin for easily populating a bunch of text layers from a source.
- Align Text Baseline — Align text layer vertically based on its baseline and cap-height.
- Efficiency — 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.
- Set Line Height — Plugin that allows you to set the line-height of a text layer as a multiple of the font size.
- Switch Text Spacing — Switch text spacing with OpenType features.
- Sketch Plugins — Josh Wayne's plugins for Sketch. So far, it includes two very interesting commands for working with text layers.
- Comma — Sketch plugin for text modifications
- San Francisco UI Font Fixer — Adjusts font, character spacing, line height for labels using San Francisco font.
- Typograph — Typograph — Sketch plugin and js-library
- Spell Check Whole Page — A basic spellchecker that checks all layers on a page in Sketch
- Sketch Count Text — A Sketch plugin to count: characters, words, whitespace, and paragraphs
- LaTeX Sketch Plugin — This plugin brings LaTeX functionalities to Sketch, and allows us to directly write mathematical formulas
- polyglot — Text translations
- Typographer — format text with typographic features traditionally used in fine printing.
- Find and Replace — Search for texts on your page and replace them just like a text editor.
- Change Text — With Change Text, you can bulk edit the text contents of multiple layers, groups, and frames.
- Nisa Text Splitter — Easy way to split your text/list into small text pieces.
- Polyglot — Polyglot is made for designers working on global products. By bringing localization to the design phase, we hope to streamline the product development lifecycle.
- Add numbers to texts — Create numbered lists easily.
- TextCutter — TextCutter takes a layer with multiple lines of text and splits it into separate text layers. Empty lines get discarded automatically.
- Word Count — A dead-simple plugin that counts the number of words and characters in any selection.
- Text Counts — A simple way to count the number of characters, spaces, and words inside a text layer.
- Copy and Paste Text — Figma plugin to copy & paste only text (without text styls) from selected layers.
- Counter — 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.
- Substrate for text 2.0 — Highlight text by adding the cool substrate with this simple plugin!
- Bunch Text Changer — Select one or several text layers, call the plugin and Paste or type a new value.
- Retextifier — Change multiple texts without having to click on each of them first.
- text to line — Removes extra spaces, line breaks, and paragraphs. Formats the font and style of the layer by the first character.
- arc — Curve your text upward, downward or into a circle. Adjust the slider and preview the result.
- Hemingway — 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.
- Latex Editor — 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.
- Reset Text Layer Name — Ever end up wanting to reset your layer names, so the name reflects your text content?
- Simple Bullets — Simple plugin which makes it easy to add bullets in text layers.
- Bullets — Add custom bullets to your layers and create reusable list styles via the power of components.
- Golden Line — Change line height based on the Golden Ratio.
- Content Buddy — A Figma Plugin that makes replacing text content in multiple layers super easy for anyone.
- Proper Title Case — format headlines and titles into a proper title case, based on style guides from APA and The Chicago Manual of Style.
- SplitText — Split Text by newlines, tabs, and commas. (To split text by tabs, copy and paste text from another editor.)
- Clip Text — Copy on clipboard plaintext of selected texts.
- Texts Selector — 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.
- Text to Clipbord — Copy multiple texts to the clipboard.
- Simple Find and Replace — A simple case-sensitive find and replace text plugin for Adobe XD.
- Change Case — Change Case is a command-like plugin for changing text capitalization.
- Place Text — Quickly create text placeholders, or customize the look you need.
- Count Text — Counts the number of words and characters in the selected text layer(s)
- changeTextCase — A plugin which helps you to change the case of text in snake_case, kebab-case, lowercase, and uppercase.
Translation & Localization
Typeface
UI Kits
- BillUI — Interactive artificial evolutionary tool in order to help you come up with design suggestions that are similar to your initial design.
- WtDesign — Sketch plugin for Wantedly Design System
- Polaris Telescope — Access Shopify Polaris from Sketch to speed up your design or development workflow
- Sketch Material — Sketch material is a sketch plugin that will help you generate complex material components like tables, chips, forms etc…
- Atlassian Vendor Sketch Plugin — Design your next Atlassian app with our component libraries and suite of Sketch tools
- Sketch Mouse Pointers — Add Mouse Pointers to Sketch.
- Save with Device Frame — Sketch Plugin to generate pngs of artboards wrapped in a phone skin.
- Artboard presets for social media images — This is a Plugin for Sketch App that adds artboard presets for the most common image dimensions of different social media platforms.
- Better Shadow — Quickly generate multi-layered shadow to mimic non-linear decay.
- Indigo.Design — Create, edit, and apply themes to your Indigo.Design UI Kit based designs and publish them as prototypes to the Indigo.Design cloud.
- Iconify — Iconify integration. Import MDI, FontAwesome, Jam, EmojiOne and many other icons to Sketch document.
- Material Design Icons — This plugin provides you instant easy access to the entire Material Design Icons library.
- Feather Icons — Quick access to Feather icons in Figma.
- Iconscout — Iconscout allows you to insert millions of high-quality icons, illustrations, and stock photos right into Figma.
- Icon Zone — 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.
- Social Media Image — Cheat sheet on Social Media image sizes.
- Hero Patterns for Figma — This plugin brings the amazing collection of patterns called Hero patterns by Steve Schoger.
- Interplay — Interplay connects with your design system code repository to let you access and use your design system code components right within Figma.
- Ready Mobile Components for Adobe XD — 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.
- Bullet — Bullets plugin as the name suggests helps you to add round, square bullets as well as an ordered list to your text layers.
- Personas — Create beautiful and customizable personas with different layouts and image styles. Crafting personas has never been easier and more fun.
- unDraw — Beautiful illustrations for your client and personal design projects, without attribution.
- Stipo Components Library for XD — 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
- NIBM Icon Hamburger — Add hamburger icon to your artboard
User Flows
Version Control
Website & HTML Export
Workflow Improvements
- Sketch Search Everywhere — Search layer and select it, by matching textValue, name or ObjectID.
- Handy Menu — Gives quick access to your plugins through the context menu
- Symbol Text Inspector — Easily inspect the specifications of all text overrides in symbols, including in nested symbols.
- Symbol Browser — A new way to browse your symbols. Make the most of your Design System by bringing symbols and UI Sticker sheet together.
- SymbolNameAutocomplete — This plugin gives you autocompletion of symbol names when creating a symbol.
- Overrideit Sketchplugin — Overrideit is a sketch plugin that allows designers to search in override list and overrides dropdowns, and with many other features.
- Symbols Manager — 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.
- Paster — Sketch plugin. Paste text data from clipboard to Sketch text layers
- Laboji — A sketch plugin for adding emoji on layer names like colorful labels or tags.
- Ace Jump — Quickly focus on various inspector's fields like font size, font weight and text/fill color using shortcuts.
- Select Exportables — Select all exportable layers, slices, and artboards.
- Sketch - SelectPlus — Helps you select a different types of layers, specific Shapes like Rectangle, Ovals, Triangles, Lines, Arrows, Paths, etc.
- Looper — 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.
- Reselect — Reselect allows you to restore a previous selection or save selections for later use (even after you close the document).
- Wanderer — Frictionless, Finder like navigation in layer list by using beloved arrow keys and simple shortcuts.
- Sketch Action — Spotlight in Sketch
- Sketch Navigator — Artboard navigation (with autocomplete) for Sketch
- Sketch Runner — Speed up your Sketch workflow
- Nudged — A Sketch plugin to easily edit your nudge distance settings.
- Nudge, Push, Shove. — Change the big and small nudge settings right within Sketch. Plus, get access to an even bigger nudge setting.
- Sketch Plugin Manager — Keeping your Sketch plugins up to date with the power of Git.
- Sketch Move Half Pixel — Move layers the half-pixel
- Stickers — A Sketch plugin that lets you browse and quickly drag+drop stickers (specially tagged layers) in your Sketch Libraries.
- Artboard Manager — Because moving artboards manually is so 2016.
- DS Automator Sketch Plugin — Tools for automating designer work
- Sketch Pochette — A Sketch plugin that lets you carry your the most used properties close to your mouse
- Artboards Explorer — Add utility functionalities to Sketch's artboards
- StickyGrid — Sketch plugin to make paths be snapped to the grid.
- Sketch Review — Review designs using Emoji.
- labelizING — Extract, replace and download labels from sketch file
- Text Styles Manager — 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.
- Layer Styles Manager — 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.
- Sketch Manager Plugin — The easiest way to manager your Symbols, Text styles and Layer styles.
- Sketch Bounding Boxer — A simple plugin to toggle visibility of 'boundingBox' layers in a Sketch document.
- Bound with Box — Draws a rectangle of the same size, shape, and position as the selected layer, with possible padding.
- Sketch Show Bounding Boxes — Sketch plugin that shows bounding boxes of all layers
- Fix Sketch Trackpad Speed — Speed up your scrolling across all artboards
- SketchTurbo — A plugin for Sketch that adjusts scroll speed on a canvas.
- Figma Walker — Figma Walker is a new launcher for Figma. You can take any actions you want from a single input field.
- Pixel Perfect — 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.
- Roller · Design Linter · Toybox — Roller is the first-ever Design Linter - giving you the power to automatically find and fix style inconsistencies in your files.
- Scripter — Speed up your workflow or experiment with the Figma API through scripts.
- Page Jumper — Quicky jumps to any page in your file with this handy utility plugin.
- Deep Focus — Listen to your favorite playlist.- Preloaded with 'Deep Focus' playlist.
- Design Inspo — 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.
- DPI 2 Pixels — DPI to Pixel is here to help you turn the best cloud-based design tool into your next print project tool.
- Split Shape — Split your shapes, text layers, groups and frames into multiple instances.
- Spellchecker — Speller helps to find and correct spelling errors in Russian, Ukrainian or English text.
- Spelll - Spell Check for Figma — This plugin gives Figma spell-checking super powers similar to that of Google Docs.
- Experience Generator — 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.
- Artboard Quick Navigate — Quickly jump view between artboards, searching by name. This plugin is open source and under 200 lines of code!
Zoom Enhancement
Addendum (Reference & Inspiration)
Awesome Design Tools & Plugins is curated by Lisa Dziuba & Valia Havruliyk 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 suggest it. Thanks for making this project awesome :)
Language Selection List Options Alphabetical Sketch Ui Tool Design
Source: https://github.com/goabstract/Awesome-Design-Tools/blob/master/Awesome-Design-Plugins.md
Posted by: hibbittsnuthat.blogspot.com
0 Response to "Language Selection List Options Alphabetical Sketch Ui Tool Design"
Post a Comment