figma-plugins.md

Figma plugins

Design Lint plugin is neat.

Links

• Figma Responsify - Figma plugin to quickly test your designs across multiple device sizes.
• Figma Dominant Color Toolkit - Generate a palette from an image to magically populate your designs.
• react-figma - Render React components to Figma.
• Awesome Design Plugins - Best design plugins for Sketch, Adobe XD, and Figma.
• figplug - Figma plugin builder. (Web)
• Remove.bg Plugin - Remove the background of images automatically.
• Master - Never worry about creating, copying and fixing Components anymore.
• Easing Gradient - Make beautiful smooth gradients in Figma.
• Figma Icon Automation Plugin
• Icon Automation Workflow Using Figma
• LaTeX Complete - Put LaTeX into your figma documents.
• The 15 best Figma plugins for designers (so far) (2019)
• SPELLL - Spelling & grammar checker for Figma. (Extension)
• React Figma - Render React components to Figma.
• Scripter - Speed up your workflow or experiment with the Figma API through scripts. (Code)
• Figma Import - Import any frame from Figma as an image.
• Design Lint - Free and open source plugin for Figma built to help you find and fix errors in your designs. (Code)
• Simplify path plugin - Small plugin that simplifies vector paths in Figma.
• SwiftUI Inspector - Enhance your development workflow by copying and pasting element styles from your Figma files into your Xcode project.
• Figma Plugin DS - Small lightweight design system for use in Figma Plugins.
• Theme UI Plugin for Figma - Theme UI Plugin for Figma.
• Faker - Quickly generate realistic placeholder text. Names, emails, URLs, headlines, and more.
• Meeting notes - Either it's a weekly sync or a team standup, keep it documented with this simple meeting notes template.
• Responsive - Preview your responsive designs inside Figma.
• Yuan Lim's Figma plugins
• Figma Plugin Samples
• Building Figma Plugins (2020)
• Blush - Create and customize illustrations in your designs with Blush.
• Autoflow - Draw flows in Figma automagically.
• Find and Replace - Search for texts on your page and replace them just like a text editor. (Tweet)
• Auto Layout + Absolute positioning
• Live Preview - Share a live preview of your Figma prototype with others. (Tweet)
• Figma to Code - Generate responsive pages and apps on Tailwind, Flutter and SwiftUI. (Code)
• Hosted Export - Allows you to copy hosted image URLs for any frame inside Figma.
• Figma Plugins Stats - CLI to get live and historical stats for your Figma plugins.
• Guide Mate - Figma plugin which helps you to add condition based grids to your designs.
• Figma Plugin React Template
• Figma Tokens - Making design tokens a single source of truth for designers and developers using Figma. (Code)
• Design Tokens - Export Figma styles and custom tokens to a style dictionary ready json or sync to github. (Code)
• Looper - Figma plugin for creating trippy generated graphics. Works with any Vector, Shape or Text layer.
• HSLuv - Human-friendly alternative to HSL.
• Batch Styler - Figma plugin to batch edit text styles.
• Figma Assets Generator - Creates assets (SVG, JPG, PNG) from a Figma document (e.g. a "Icons" page in one of your files) and places them locally in a folder.
• Perfect Freehand Figma Plugin - Figma plugin for drawing perfect freehand strokes.
• Node Decoder - Converts any Figma layer to Plugin API compatible code and avoids the need to code visual assets manually when developing plugins. (Tweet)
• Figma <> HTML - Figma to HTML, CSS, React, Vue, and more. (Web)
• Lights - Easily switch between light and dark mode.
• Playing with Plugins - Jordan Singer (Config 2021)
• FlowBite - Figma UI kit built for integration with Tailwind CSS. (Docs) (HN) (Code)
• Getting started with Figma plugins (2020)
• Health Icons Figma Plugin
• Figmage: I don't mess with images (HN)
• HTML to Figma - Converts DOM nodes to Figma nodes.
• Figma Export - Export tool for Figma. You can easily and automatically export your Figma components and use them directly into your website. (Web)
• Create Figma Plugin - Comprehensive toolkit for developing plugins for Figma and FigJam. (Docs)
• Image Cutter - Easy way to cut any image into pieces. (Code)
• GitHub Data - Populate data from GitHub into Figma mocks.
• Jordan Singer's Figma Plugins
• FigJam JavaScript REPL widget
• Figmint - Sync Figma styles to JS.
• Device Models - Create 3D device mockups from your layers in Figma. Choose a model, set a camera angle, and change device color. (Code)
• Figma interface language: Grammar - Simple DSL for describing interfaces that can be compiled to build a Figma mockup using both existing and new components.
• fig-gen - Figma Automator actions that create generative visuals.
• Automating Figma - Building a general purpose tool to automate Figma (2021)
• 20 Awesome Figma Plugins to improve your Workflow (2021)
• figma-icon-extractor - Tool for extract icons from figma in jsx and svg.
• Figma Plugins for keyboard (2021)
• My top 10 favorite Figma plugins (2021)
• Chunk Icons - Set of 144 consistent & commonly-needed glyphs, all tailored to look nice and sharp at 16px.
• Atlas - Figma plugin to manage your themes.
• Figsvelte - Boilerplate for creating Figma plugins with Svelte.
• Excalidraw Pad
• Unmix Fonts - Unmix mixed fonts, with dynamic baseline alignment.
• Sigma - Figma plugin of automatically generate SwiftUI code from Figma.
• Device Models - Figma plugin to create mockups with 3D device models.
• Figx - Comprehensive and reliable figma utilities library.
• figma-JSONRPC - Leverage JSON-RPC to communicate between your Figma plugin and your Figma UI.
• Figma REST API in TS
• Fig - Figma to React tool to generate and synchronize various template languages, designed to be AST-based, pluggable platform.
• Figma Better Font Picker - Figma plugin to enable better font selections which previews how the font looks like.
• Figma Plugins that have been shared on GitHub
• Continuous Design - Figma plugin that lets you run GitHub Actions workflows from Figma.
• Run Plugin API Figma Plugin
• EditText - Simple plugin to edit selected text(s) in real time. (Code)
• Team Library Component Browser - List, browse, and create instance your team library (and local) components. (Code)
• Figma Plugin Helper functions - Collection of useful helper functions to import to your Figma plugin project.
• Storybook Figma Plugin - Connect stories to design components.
• FireJet - Export Figma to Typescript Code (React).
• Figma ML - Design System Plugin Made with TensorFlow JS - like spell check for design.
• Figma Widgets Docs
• Color Compass - Quickly navigate the color spectrum with designer-focused accuracy. (Code)
• Figma Plugin starter with Rollup bundler
• Figma Export PDFs action - Export content from a Figma file as PDF.
• Content Map - FigJam widget to help visualize, structure, and prioritize content. (Tweet)
• Design Lint - Find and fix errors in your designs.
• Figma Tokens - Use the power of design tokens in Figma. (Tweet)
• Figma icns/ico Generator - Generate .icns / .ico files directly from Figma.
• Fae.dev - Figma design to high quality code.
• Figma Selector
• Sync Design Tokens - Automatically create and update Figma Styles from a design tokens .
• Auto Documentation - With one click, this plugin documents all of the color and font styles for you.
• Free 75+ illustrations - Surface Pack – Figma
• Supa Palette - All-in-one palette generator, editor and manager for Figma.
• Figma Leading Trim - Figma plugin for trimming space above and below text elements.