# Figma plugin

A Figma plugin is a JavaScript and HTML program that extends Figma editors through the Plugin API.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Figma Is Turning Designers Into Plugin Makers

DevFeed: [Figma Is Turning Designers Into Plugin Makers](<https://devfeed.tech/articles/figma-is-turning-designers-into-plugin-makers-17416.md>)

Original publisher: [Read original article](<https://webdesignerdepot.com/figmas-new-idea-is-wild-just-ask-ai-to-build-the-plugin-you-need/>)

Author: Alex Harper

Published: 2026-09-14T15:30:00Z

Content type: article

Language: en

Sources: [Web Designer Depot](<https://devfeed.tech/sources/web-designer-depot.md>)

Topics: [Figma](<https://devfeed.tech/topics/figma.md>), [Figma plugin](<https://devfeed.tech/topics/figma-plugin.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [shaders](<https://devfeed.tech/topics/shaders.md>), [shader programming](<https://devfeed.tech/topics/shader-programming.md>), [Programming](<https://devfeed.tech/topics/programming.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [ai-design-tools](<https://devfeed.tech/tags/ai-design-tools.md>), [ai-for-designers](<https://devfeed.tech/tags/ai-for-designers.md>), [ai-plugins](<https://devfeed.tech/tags/ai-plugins.md>), [artificial-intelligence](<https://devfeed.tech/tags/artificial-intelligence.md>), [creative-software](<https://devfeed.tech/tags/creative-software.md>), [design-automation](<https://devfeed.tech/tags/design-automation.md>), [design-tools](<https://devfeed.tech/tags/design-tools.md>), [figma](<https://devfeed.tech/tags/figma.md>), [figma-agent](<https://devfeed.tech/tags/figma-agent.md>), [figma-ai](<https://devfeed.tech/tags/figma-ai.md>), [figma-community](<https://devfeed.tech/tags/figma-community.md>), [figma-plugin](<https://devfeed.tech/tags/figma-plugin.md>), [figma-plugins](<https://devfeed.tech/tags/figma-plugins.md>), [figma-shaders](<https://devfeed.tech/tags/figma-shaders.md>), [future-of-design](<https://devfeed.tech/tags/future-of-design.md>), [generate](<https://devfeed.tech/tags/generate.md>), [generative-ai](<https://devfeed.tech/tags/generative-ai.md>), [generative-plugins](<https://devfeed.tech/tags/generative-plugins.md>), [no-code-tools](<https://devfeed.tech/tags/no-code-tools.md>), [procedural](<https://devfeed.tech/tags/procedural.md>), [shader-programming](<https://devfeed.tech/tags/shader-programming.md>), [shaders](<https://devfeed.tech/tags/shaders.md>), [ui-design](<https://devfeed.tech/tags/ui-design.md>), [ux-design](<https://devfeed.tech/tags/ux-design.md>), [web-design](<https://devfeed.tech/tags/web-design.md>), [web-development](<https://devfeed.tech/tags/web-development.md>)

### AI overview

Figma is enabling designers to describe and generate coded plugins with AI instead of searching for existing tools. The article explains that these plugins can solve highly specific workflow problems, be published to the Figma Community or shared privately, and include features such as bulk restyling, type-ramp generation, layer renaming, and prototype-flow checking. Figma also offers AI-generated shaders for procedural and interactive visual effects, with code inspection available for shaders and self-created generative plugins.

### Source excerpt

Figma is turning a wild idea into reality: instead of searching for the perfect plugin, you can just ask AI to build it. If this catches on, designers may stop choosing the tools in their software--and start inventing them on demand.

## How to Monetize Figma Plugins in 2026

DevFeed: [How to Monetize Figma Plugins in 2026](<https://devfeed.tech/articles/how-to-monetize-figma-plugins-in-2026-10356.md>)

Original publisher: [Read original article](<https://dodopayments.com/blogs/sell-figma-plugins/>)

Author: Ayush Agarwal

Published: 2026-03-29T00:00:00Z

Content type: tutorial

Language: en

Sources: [Dodo Payments Blog](<https://devfeed.tech/sources/dodo-payments-blog.md>)

Topics: [Figma plugins](<https://devfeed.tech/topics/figma-plugins.md>), [Figma plugin](<https://devfeed.tech/topics/figma-plugin.md>), [Figma Community](<https://devfeed.tech/topics/figma-community.md>), [Development](<https://devfeed.tech/topics/development.md>)

Tags: [2026](<https://devfeed.tech/tags/2026.md>), [developers](<https://devfeed.tech/tags/developers.md>), [figma](<https://devfeed.tech/tags/figma.md>), [figma-plugins](<https://devfeed.tech/tags/figma-plugins.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [license-keys](<https://devfeed.tech/tags/license-keys.md>), [merchant-of-record](<https://devfeed.tech/tags/merchant-of-record.md>), [monetization](<https://devfeed.tech/tags/monetization.md>), [payment](<https://devfeed.tech/tags/payment.md>), [payments](<https://devfeed.tech/tags/payments.md>), [plugins](<https://devfeed.tech/tags/plugins.md>), [product-development](<https://devfeed.tech/tags/product-development.md>), [revenue](<https://devfeed.tech/tags/revenue.md>), [scale](<https://devfeed.tech/tags/scale.md>), [validation](<https://devfeed.tech/tags/validation.md>), [visibility](<https://devfeed.tech/tags/visibility.md>)

### AI overview

A guide to monetizing Figma plugins through a freemium model, external payment infrastructure, Merchant of Record services, and secure license key management.

### Source excerpt

Learn how to build a sustainable revenue stream from your Figma plugins using a freemium model and secure license key management.

## Supabase Launch Week 15 Hackathon Winner Announcement

DevFeed: [Supabase Launch Week 15 Hackathon Winner Announcement](<https://devfeed.tech/articles/supabase-launch-week-15-hackathon-winner-announcement-448.md>)

Original publisher: [Read original article](<https://supabase.com/blog/lw15-hackathon-winners>)

Author: Tyler Shukert

Published: 2025-08-20T07:00:00Z

Content type: news

Language: en

Sources: [Supabase Blog](<https://devfeed.tech/sources/supabase-blog.md>)

Topics: [Supabase](<https://devfeed.tech/topics/supabase.md>), [For the Love of Code](<https://devfeed.tech/topics/for-the-love-of-code.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Figma plugin](<https://devfeed.tech/topics/figma-plugin.md>), [Figma](<https://devfeed.tech/topics/figma.md>), [OpenAI](<https://devfeed.tech/topics/openai.md>), [User Stories](<https://devfeed.tech/topics/user-stories.md>), [App](<https://devfeed.tech/topics/app.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [announcement](<https://devfeed.tech/tags/announcement.md>), [app](<https://devfeed.tech/tags/app.md>), [browser](<https://devfeed.tech/tags/browser.md>), [code](<https://devfeed.tech/tags/code.md>), [design](<https://devfeed.tech/tags/design.md>), [dev](<https://devfeed.tech/tags/dev.md>), [developers](<https://devfeed.tech/tags/developers.md>), [development](<https://devfeed.tech/tags/development.md>), [figma](<https://devfeed.tech/tags/figma.md>), [figma-plugin](<https://devfeed.tech/tags/figma-plugin.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [gpt](<https://devfeed.tech/tags/gpt.md>), [hackathon](<https://devfeed.tech/tags/hackathon.md>), [launch](<https://devfeed.tech/tags/launch.md>), [llm](<https://devfeed.tech/tags/llm.md>), [openai](<https://devfeed.tech/tags/openai.md>), [project-management](<https://devfeed.tech/tags/project-management.md>), [technical](<https://devfeed.tech/tags/technical.md>), [user-stories](<https://devfeed.tech/tags/user-stories.md>)

### AI overview

Supabase announces the winners of its Launch Week 15 Hackathon, featuring projects that use Supabase with AI, browser applications, design workflows, games, learning tools, and project management. Winning entries include a Figma plugin that converts designs into user stories, an AI-powered spatial knowledge canvas, and an AI-driven project management platform.

### Source excerpt

Announcing the winners of the Supabase Launch Week 15 Hackathon.

## Top Firebase Studio updates from Google I/O 2025

DevFeed: [Top Firebase Studio updates from Google I/O 2025](<https://devfeed.tech/articles/top-firebase-studio-updates-from-google-i-o-2025-16606.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2025/05/studio-updates-from-io>)

Author: Jess Kuras; Kirupa Chinnathambi

Published: 2025-05-20T10:50:00Z

Content type: news

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Figma plugin](<https://devfeed.tech/topics/figma-plugin.md>), [Authentication](<https://devfeed.tech/topics/authentication.md>), [Firestore](<https://devfeed.tech/topics/firestore.md>), [hosting](<https://devfeed.tech/topics/hosting.md>)

Tags: [2025](<https://devfeed.tech/tags/2025.md>), [ai](<https://devfeed.tech/tags/ai.md>), [app-hosting](<https://devfeed.tech/tags/app-hosting.md>), [authentication](<https://devfeed.tech/tags/authentication.md>), [figma-plugin](<https://devfeed.tech/tags/figma-plugin.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [firebase-studio](<https://devfeed.tech/tags/firebase-studio.md>), [firestore](<https://devfeed.tech/tags/firestore.md>), [full-stack-development](<https://devfeed.tech/tags/full-stack-development.md>), [gemini](<https://devfeed.tech/tags/gemini.md>), [google-i-o](<https://devfeed.tech/tags/google-i-o.md>), [launch](<https://devfeed.tech/tags/launch.md>)

### AI overview

Firebase Studio updates include Gemini 2.5 Pro support, improvements to the App Prototyping agent, bug fixes, Figma design import through the Builder.io plugin, and automated recommendations and provisioning for Firebase Auth and Cloud Firestore backend services.

### Source excerpt

News, tutorials, and updates from the Firebase team.

## Why developers should embrace creative coding again

DevFeed: [Why developers should embrace creative coding again](<https://devfeed.tech/articles/why-developers-should-embrace-creative-coding-again-10247.md>)

Original publisher: [Read original article](<https://www.figma.com/blog/why-developers-should-embrace-creative-coding-again/>)

Author: Jake Albaugh

Published: 2025-01-09T00:00:00Z

Content type: article

Language: en

Sources: [Figma Blog](<https://devfeed.tech/sources/figma-blog.md>)

Topics: [creative coding](<https://devfeed.tech/topics/creative-coding.md>), [creative technology](<https://devfeed.tech/topics/creative-technology.md>), [browsers](<https://devfeed.tech/topics/browsers.md>), [Web](<https://devfeed.tech/topics/web.md>), [CSS](<https://devfeed.tech/topics/css.md>), [HTML5](<https://devfeed.tech/topics/html5.md>), [SVG](<https://devfeed.tech/topics/svg.md>), [GSAP](<https://devfeed.tech/topics/gsap.md>), [modern web development](<https://devfeed.tech/topics/modern-web-development.md>), [WebGL](<https://devfeed.tech/topics/webgl.md>), [Figma plugin](<https://devfeed.tech/topics/figma-plugin.md>)

Tags: [animation](<https://devfeed.tech/tags/animation.md>), [browsers](<https://devfeed.tech/tags/browsers.md>), [creative-coding](<https://devfeed.tech/tags/creative-coding.md>), [css](<https://devfeed.tech/tags/css.md>), [design](<https://devfeed.tech/tags/design.md>), [design-tools](<https://devfeed.tech/tags/design-tools.md>), [developers](<https://devfeed.tech/tags/developers.md>), [figma](<https://devfeed.tech/tags/figma.md>), [figma-plugin](<https://devfeed.tech/tags/figma-plugin.md>), [free](<https://devfeed.tech/tags/free.md>), [gsap](<https://devfeed.tech/tags/gsap.md>), [html5](<https://devfeed.tech/tags/html5.md>), [svg](<https://devfeed.tech/tags/svg.md>), [tools](<https://devfeed.tech/tags/tools.md>), [web](<https://devfeed.tech/tags/web.md>), [webgl](<https://devfeed.tech/tags/webgl.md>)

### AI overview

The article argues that developers should revive creative coding by using modern browser capabilities beyond templates and conventional design tools. It highlights HTML5, inline SVG, GSAP animations, WebGL, advanced CSS, responsive features, and newer color spaces such as HSL and OKLCH, along with the CSS color-mix() Figma plugin.

### Source excerpt

Modern browsers have evolved beyond what most design tools can do. It's up to us to break free from templates and tap into the web's true creative potential.

## Behind the build: a Q&A with developer Tekeste Kidanu

DevFeed: [Behind the build: a Q&A with developer Tekeste Kidanu](<https://devfeed.tech/articles/behind-the-build-a-q-a-with-developer-tekeste-kidanu-9513.md>)

Original publisher: [Read original article](<https://www.figma.com/blog/behind-the-build-a-qanda-with-developer-tekeste-kidanu/>)

Author: Alia Fite

Published: 2021-11-04T00:00:00Z

Content type: article

Language: en

Sources: [Figma Blog](<https://devfeed.tech/sources/figma-blog.md>)

Topics: [Figma](<https://devfeed.tech/topics/figma.md>), [Figma plugin](<https://devfeed.tech/topics/figma-plugin.md>), [Figma plugin design](<https://devfeed.tech/topics/figma-plugin-design.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [User interface design](<https://devfeed.tech/topics/ui-design.md>)

Tags: [design](<https://devfeed.tech/tags/design.md>), [developer](<https://devfeed.tech/tags/developer.md>), [development](<https://devfeed.tech/tags/development.md>), [figma-plugin](<https://devfeed.tech/tags/figma-plugin.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [q-a](<https://devfeed.tech/tags/q-a.md>), [ui-design](<https://devfeed.tech/tags/ui-design.md>)

### AI overview

This Q&A profiles developer Tekeste Kidanu, who builds plugins for Figma and FigJam. He discusses SPELLL, a grammar and spell-checking plugin, how community feedback inspires his ideas, and how he learned the Figma plugin API through documentation and the Figma Plugins Slack workspace. He also describes how his JavaScript and web development experience helped him get started and his efforts to learn UI design fundamentals.

### Source excerpt

In the second Q&A of the series, Tekeste tells us what inspired his new widgets for FigJam, and what he's excited to tackle next.

## What's new in Figma: August 2021

DevFeed: [What's new in Figma: August 2021](<https://devfeed.tech/articles/what-s-new-in-figma-august-2021-10220.md>)

Original publisher: [Read original article](<https://www.figma.com/blog/whats-new-in-figma-august-2021/>)

Author: Emily Brody

Published: 2021-08-25T00:00:00Z

Content type: article

Language: en

Sources: [Figma Blog](<https://devfeed.tech/sources/figma-blog.md>)

Topics: [Figma](<https://devfeed.tech/topics/figma.md>), [Figma plugin](<https://devfeed.tech/topics/figma-plugin.md>), [Figma plugin design](<https://devfeed.tech/topics/figma-plugin-design.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [HTML](<https://devfeed.tech/topics/html.md>), [API](<https://devfeed.tech/topics/api.md>), [React](<https://devfeed.tech/topics/react.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [apis](<https://devfeed.tech/tags/apis.md>), [design](<https://devfeed.tech/tags/design.md>), [design-systems](<https://devfeed.tech/tags/design-systems.md>), [features](<https://devfeed.tech/tags/features.md>), [figma](<https://devfeed.tech/tags/figma.md>), [figma-plugin](<https://devfeed.tech/tags/figma-plugin.md>), [html](<https://devfeed.tech/tags/html.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [plugin](<https://devfeed.tech/tags/plugin.md>), [plugins](<https://devfeed.tech/tags/plugins.md>), [react](<https://devfeed.tech/tags/react.md>), [workflows](<https://devfeed.tech/tags/workflows.md>)

### AI overview

This August 2021 Figma update recaps new features, fixes, and capabilities for Figma and FigJam. It highlights faster workflows, improved design-system maintenance, and expanded customization, including FigJam plugins, widgets, and APIs for collaboration and workflow automation.

### Source excerpt

A round-up of new features, fixes, and capabilities that we've added to Figma and FigJam.

## Behind the plugin: Cards for Humanity

DevFeed: [Behind the plugin: Cards for Humanity](<https://devfeed.tech/articles/behind-the-plugin-cards-for-humanity-9528.md>)

Original publisher: [Read original article](<https://www.figma.com/blog/behind-the-plugin-cards-for-humanity/>)

Author: Beez Africa

Published: 2021-07-14T00:00:00Z

Content type: article

Language: en

Sources: [Figma Blog](<https://devfeed.tech/sources/figma-blog.md>)

Topics: [Figma plugin](<https://devfeed.tech/topics/figma-plugin.md>), [inclusive design](<https://devfeed.tech/topics/inclusive-design.md>), [Accessibility](<https://devfeed.tech/topics/accessibility.md>), [User interface design](<https://devfeed.tech/topics/ui-design.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [community](<https://devfeed.tech/tags/community.md>), [design](<https://devfeed.tech/tags/design.md>), [developer](<https://devfeed.tech/tags/developer.md>), [features](<https://devfeed.tech/tags/features.md>), [figma-plugin](<https://devfeed.tech/tags/figma-plugin.md>), [inclusive-design](<https://devfeed.tech/tags/inclusive-design.md>), [plugin](<https://devfeed.tech/tags/plugin.md>), [workshops](<https://devfeed.tech/tags/workshops.md>)

### AI overview

This article profiles Cards for Humanity, an online card game created by Idean to help teams design accessible and inclusive products. It explains how the team adapted the game into a Figma plugin and website, using character cards paired with needs, disabilities, or personal challenges to encourage empathy and reduce assumptions in design discussions.

### Source excerpt

We interviewed the creative team behind Cards for Humanity, a tool for inclusive and accessible design.