The Vibeary — tag

figma-plugin

35 resources in The Vibeary tagged "figma-plugin" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.

Gems in this collection

Preview of Jitter

Jitter

Web-based motion design tool that imports Figma frames and exports video, GIF or Lottie with reusable animated components.

Jitterfreemium
Preview of Themer

Themer

Swaps a selection between identically named style libraries, so one file can preview light, dark and brand themes.

Tom Lowry (@tomlowry)open-source
Preview of Easing Gradient

Easing Gradient

Figma plugin that rebuilds a gradient using an easing curve so the fade has no hard midpoint banding.

Alex Widua (@alexwidua)open-source
Preview of Variables Import

Variables Import

Microsoft-maintained Figma plugin that imports design tokens from JSON files straight into Figma variable collections and modes.

MicrosoftMIT
Preview of Valor

Valor

Figma plugin that visualizes an existing palette and generates matching color variables across a scale.

Kolebayevopen-source
Preview of Styler

Styler

Generates and updates Figma styles in bulk from layer naming conventions, and can detach or refresh them later.

Andrei (@andrei-inc)open-source
Preview of Dominant Color Toolkit

Dominant Color Toolkit

Extracts dominant and palette colors from any image in your Figma file and outputs swatches you can apply.

Brian Lovin (@brian_lovin)open-source
Preview of Lucidi

Lucidi

Syncs opacity-derived styles from a set of primary color styles, keeping tints and overlays consistent as brand colors change.

dimuuuopen-source
Preview of Figma plugin-samples

Figma plugin-samples

Figma's official sample plugins and widgets covering canvas manipulation, UI messaging, iframes, network access and widget state.

FigmaMIT
Preview of figma-plugins-on-github

figma-plugins-on-github

Curated index of open-source Figma plugins with both repo and Community links, grouped by what the plugin does.

Tom Lowry (@tomlowry)open-source
Preview of BuilderIO figma-html

BuilderIO figma-html

Converts any live website into editable Figma layers, and pushes Figma designs back out to HTML.

Builder.ioMIT
Preview of Figma LaTeX Complete

Figma LaTeX Complete

Renders LaTeX math expressions into vector layers inside Figma, for papers, docs and technical product UI.

Max Krieger (@maxkriegers)open-source
Preview of Figma Measure

Figma Measure

Adds dimension arrows, spacing and size annotations to a selection for redlined specs and developer handoff.

Phil (@ph1p)open-source
Preview of Design Lint

Design Lint

Scans Figma frames for missing styles, off-system colors and stray text properties, then jumps you to each error.

Daniel Destefanis (@dandestefano)open-source
Preview of Emoji Pattern Generator

Emoji Pattern Generator

Creates tiled or scattered emoji patterns inside Figma with controls for density, rotation and randomness.

Niyamaxopen-source
Preview of Kaleidocode

Kaleidocode

Converts a VS Code color theme into a Figma color library so design mockups of editors match the real thing.

Kaleidocodeopen-source
Preview of figma-plugin-react-vite

figma-plugin-react-vite

Vite-based Figma plugin starter with React, hot reload for the UI iframe and typed plugin/UI messaging.

CoconutGoodieMIT
Preview of Placemark Figma Plugin

Placemark Figma Plugin

Brings real geographic data and styled maps into Figma frames from Placemark's map tooling.

Tom MacWright (@tmcw)open-source
Preview of create-figma-plugin

create-figma-plugin

Toolkit for building Figma plugins and widgets: build system, Preact UI components, typed utilities and scaffolding.

Lim Yuan Qing (@yuanqing)MIT
Preview of Content Buddy

Content Buddy

Replaces text content across many Figma layers at once from a list, for filling realistic copy into repeated components.

Xavier Roig (@basiclines)open-source
Preview of Tolgee Localization

Tolgee Localization

Pulls translation keys and localized strings from Tolgee into Figma text layers so you can preview every language.

Tolgeeopen-source
Preview of Super Tidy

Super Tidy

Aligns, renames and reorders Figma frames based on their canvas position, so page order matches visual order.

Xavier Roig (@basiclines)open-source
Preview of Figma Sprite Generator

Figma Sprite Generator

Packs selected Figma icons or frames into a sprite sheet plus a JSON coordinate manifest for game and web use.

Omid Nikrah (@omidnikrah)open-source
Preview of figma-plugin-ds

figma-plugin-ds

Vanilla CSS and JS component library that matches Figma's own plugin UI, so your plugin looks native.

Tom Lowry (@tomlowry)open-source
Preview of Penpot Exporter for Figma

Penpot Exporter for Figma

Figma plugin that exports a whole file into Penpot format so you can migrate off Figma without redrawing.

Penpot / Kaleidosopen-source
Preview of Include - Accessibility Annotations

Include - Accessibility Annotations

Open-source eBay plugin that walks designers through annotating headings, focus order, alt text and landmarks directly on frames.

eBay Accessibility teamopen-source
Preview of figplug

figplug

Zero-config build tool for Figma plugins by the creator of Inter, with TypeScript and single-file bundling.

Rasmus Andersson (@rsms)open-source
Preview of figma-lottie

figma-lottie

Exports Figma frames and Smart Animate transitions into Lottie JSON for use in web and mobile motion.

robinetbatmanopen-source
Preview of Typograf

Typograf

Applies typographic correction to Figma text - proper quotes, dashes, non-breaking spaces - across a selection.

Gleb Olmakov (@golmakov)open-source
Preview of figma-api-stub

figma-api-stub

Mock implementation of the Figma plugin API so you can unit-test plugin logic in Jest without opening Figma.

react-figmaMIT
Preview of Zebra

Zebra

Lightweight open-source contrast checker for Figma that samples selected layers and reports pass/fail without leaving the canvas.

Dan Hollick (@danhollick)open-source
Preview of Shiny Sticker

Shiny Sticker

Figma plugin that turns any layer into a WebGL holographic sequin sticker with die-cut edge and foil presets.

Rikki Janae (@rikkijanae)MIT
Preview of Source → Design

Source → Design

Figma plugin that renders a local HTML file or a React, Next.js, Vue or Svelte project ZIP in Chromium and rebuilds it as organized editable layers.

@meltedmenfree
Preview of Polychrom

Polychrom

Figma plugin that measures contrast between overlapping layers using APCA, accounting for blend modes, opacity and stacked backgrounds.

Evil Martiansfree
Preview of Batch Styler

Batch Styler

Edits many Figma text or color styles at once - change font family, weight or size across a whole type ramp.

Jan Six (@six7)free