Companion — All in one plugin!

About this plugin

Advanced Color FinderA powerful tool that allows you to search for colors across your files.Ultra-fast search algorithm with advanced labelingColors are grouped by type (variable or style) and by source (Remote or local libraries)Ability to search by variable name, color hex and by layer nameDisplay number of matching results per colorSelect all or individual layers that matches the selected colorText ExtractorExtract, search and export text content from selected itemsExport to Excel and CSV formatsStyle Guide GeneratorTransform your color collections into a beautiful style guideChoose one or more color formats to display (HEX, RGB, HSL)Support for cross-collections linked variablesContrast CheckerCheck for AA and AAA level complianceInteractive and instant results when adjusting colorsLive preview and swap foreground and background colorsGet results for for text (Small / Large) and graphics elementsTints & Shades GeneratorInteractive generator with live colors previewAbility to customize the number of generated colorsBuilt-in contrast checkerPreview generated colors on canvasSave generated colors to variablesColor ConverterConvert any given color to popular color formatsCurrently supports HEX, RGB, HSL, CMYK, HSV, OKLCH and LABSelect and copy resultsSort LayersA set of different ways to sort your layers within Figma.Alphabetical sorting (A-Z or Z-A)Sort by X or Y position on the canvasSort by layer type (Frame, text, group, section, etc…)Reverse current sortingMagically sort everything based on names and positionsDistribute LayersA powered up version of Figma’s built-in distribute feature.Distribute selected layers horizontally or verticallySet a desired value for the space between layersAbility to align layers from top (in horizontal mode) or left (in vertical mode)Display As GridQuickly rearrange selected layers in a grid layout with improved alignment and sorting featuresAbility to choose the number of columns along with vertical and horizontal gapsAbility to align columns vertically or notExtra sorting capabilities for better organizationScale LayersScale one or more layersChoose a specific width, height or percentageSpecify scaling directionHidden LayersSimple yet powerful tool to bulk manage hidden layers. It allows you toHide selected layersShow all hidden layers within a page or within a selectionSelect all hidden layers within a page or within a selectionDelete all hidden layers within a page or within a selectionLocked LayersSimple yet powerful tool to bulk manage locked layers. It allows you toLock or unlock selected layersLock or unlock all layers on a pageRemove NumbersGet rid of all those annoying numbers that Figma automatically generates. A single click gets the job doneUngroup Single Layers GroupOptimize your files by ungrouping single layers group or deleting empty groupsStart at 0, 0It’s just the cherry on top. A file is never tidy unless you start at 0, 0 — and for that, we got you coveredCase ConverterEasily convert selected layers names to Sentence case, upper case, lower case, camel case and more...Country FlagsInsert SVG flags directly into your canvas, in both rectangular and square formatsFix Detached InstancesPreview and fix all detached instances within your files.Find all detached instances across pagesPreview of the original component versus the detached instanceLink instance to original componentMaintain all manual overridesFind and Reset Instance OverridesScan your pages for instance overridesBulk select by override type (ex. reset all overriden strokes)Basic and advanced mode for better controlComponents Sitemap GeneratorGenerate a full sitemap of components in your file with number of variants, component description and documentation linkChange Page BackgroundEasily change the current page backgroundChoose from available presets or set a custom colorBulk apply to all pages in your fileGrid CalculatorGenerate custom grids or use existing templatesLive preview of the gridAdd the grid to your file with a clickClear Variable ModesClear all variable modes (ex: light / dark mode) applied to elements on the current or all pages or across all pages in the fileCount FramesCount frames on current page or across the whole fileSpecify frame width, height, visibility (optional)Magic SearchUnique and ultra-fast way to find any layer within your file. The algorithm has been thoroughly optimized for speed, especially for large files.Below is how it works:Start by selecting the layer type (Frame, text, rectangle, etc.) or choose “All Layers” to search everythingChoose one or more properties to search for (Fill color, width, font, etc.)Hit the search button and voilà. Results are there.Browse the list of matching search results, with ability to filter by layer name.Click on a result to view it on the canvas or click “Select All” to bulk select all matching resultsHere are some example scenarios:[Simple] ― Find all text layers with the font “Inter” and font weight “Semi Bold”[Simple] ― Find all rectangles with a corner radius of 16 and corner smoothing of 60%[Medium] ― Find all instances of a component named “Button” that are hidden and have been detached[Advanced] ― Find all instances of an external library component named “Input” that are marked as ready for dev and whose top left corner radius is less than or equal to 20pxIn short, the possibilities are endlessMagiConnectMagiConnect is a simple and easy to use tool that allows you to draw connectors between your frames. Some key features include:Auto-draw mode: When enabled, it allows you to quickly draw connectors between any two elements you select on the canvas. The direction of the connector arrow is based on the selection orderManual mode was designed to give you more flexibility in accessing nested layers before drawing a connector. It’s slower for sure, but gives you more controlYou can customize the connector by adjusting the color, opacity, stroke width, radius and stroke styleIf you’re not happy with the connector customizations, you can always reset all values to their default state from the manage menuYou can also add an optional description to annotate the connectorThe tool will always remember your last used settings whenever it’s launched the next time.You can update specific connectors within a selection or update globally across a pageIn cases where a fresh start is the way to go, simple go to “Manage” and select “Remove all connectors”. This will delete all connectors you’ve added on this page―――――――――――――――――――――――――――――――――――When you purchase the license, you will get a lifetime unlimited access to the plugin, and to all the upcoming features that will be added.For any questions, ideas, bugs or complaints, I would love to hear from you.Built with ❤️