# Figma plugin design

The practice of designing and developing extensions for Figma editors using the Figma 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's design agent, now with custom tools and greater context

DevFeed: [Figma's design agent, now with custom tools and greater context](<https://devfeed.tech/articles/figma-s-design-agent-now-with-custom-tools-and-greater-context-9491.md>)

Original publisher: [Read original article](<https://www.figma.com/blog/agent-custom-tools-context-skills/>)

Author: Georgia Rust; Rodrigo Davies

Published: 2026-06-24T13:00:00Z

Content type: release

Language: en

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

Topics: [Figma](<https://devfeed.tech/topics/figma.md>), [generative plugins](<https://devfeed.tech/topics/generative-plugins.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Figma plugin design](<https://devfeed.tech/topics/figma-plugin-design.md>)

Tags: [agent](<https://devfeed.tech/tags/agent.md>), [ai](<https://devfeed.tech/tags/ai.md>), [context](<https://devfeed.tech/tags/context.md>), [design](<https://devfeed.tech/tags/design.md>), [figma](<https://devfeed.tech/tags/figma.md>), [generative-plugins](<https://devfeed.tech/tags/generative-plugins.md>), [plugin](<https://devfeed.tech/tags/plugin.md>)

### AI overview

Figma announces a design agent that works directly on the canvas and supports custom tools, greater context, and reusable generative plugins. The article describes how designers can use it to create layouts, visual effects, and workflows within Figma, while classic plugins remain necessary for functionality involving external AI services or third-party APIs.

### Source excerpt

Prompting gets you started. Custom tools, real context, and skills take the design agent further--so what ends up on the canvas actually looks like you.

## Bringing Figma Make to the canvas

DevFeed: [Bringing Figma Make to the canvas](<https://devfeed.tech/articles/bringing-figma-make-to-the-canvas-9546.md>)

Original publisher: [Read original article](<https://www.figma.com/blog/bringing-figma-make-to-the-canvas/>)

Author: Nikolas Klein

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

Content type: release

Language: en

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

Topics: [Figma](<https://devfeed.tech/topics/figma.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Figma plugin design](<https://devfeed.tech/topics/figma-plugin-design.md>), [HTML](<https://devfeed.tech/topics/html.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [collaboration](<https://devfeed.tech/tags/collaboration.md>), [design](<https://devfeed.tech/tags/design.md>), [figma](<https://devfeed.tech/tags/figma.md>), [partnership](<https://devfeed.tech/tags/partnership.md>), [plugin](<https://devfeed.tech/tags/plugin.md>), [prototypes](<https://devfeed.tech/tags/prototypes.md>), [workflows](<https://devfeed.tech/tags/workflows.md>)

### AI overview

Figma introduces Copy design, which lets users move designs from a Figma Make preview into the Figma design canvas as editable layers. The article also announces Figma's purchase of the technology behind RIOTS' html.to.design plugin to support future Make functionality, while RIOTS continues independently maintaining its plugins and tools.

### Source excerpt

Now you can copy any design from a Figma Make preview to the design canvas, allowing you to edit, iterate, and take your ideas further.

## Codegen plugins (and other tips) for automating design to code

DevFeed: [Codegen plugins (and other tips) for automating design to code](<https://devfeed.tech/articles/codegen-plugins-and-other-tips-for-automating-design-to-code-9677.md>)

Original publisher: [Read original article](<https://www.figma.com/blog/figma-dev-mode-codegen-plugins/>)

Author: Figma

Published: 2024-04-11T00: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>), [Code generation](<https://devfeed.tech/topics/code-generation.md>), [Code](<https://devfeed.tech/topics/code.md>), [Figma plugin design](<https://devfeed.tech/topics/figma-plugin-design.md>), [React](<https://devfeed.tech/topics/react.md>), [HTML](<https://devfeed.tech/topics/html.md>), [CSS](<https://devfeed.tech/topics/css.md>), [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [Svelte](<https://devfeed.tech/topics/svelte.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Flutter](<https://devfeed.tech/topics/flutter.md>), [SwiftUI](<https://devfeed.tech/topics/swiftui.md>)

Tags: [code](<https://devfeed.tech/tags/code.md>), [css](<https://devfeed.tech/tags/css.md>), [dev](<https://devfeed.tech/tags/dev.md>), [figma](<https://devfeed.tech/tags/figma.md>), [flutter](<https://devfeed.tech/tags/flutter.md>), [generate](<https://devfeed.tech/tags/generate.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [plugins](<https://devfeed.tech/tags/plugins.md>), [react](<https://devfeed.tech/tags/react.md>), [svelte](<https://devfeed.tech/tags/svelte.md>), [swiftui](<https://devfeed.tech/tags/swiftui.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>), [ui](<https://devfeed.tech/tags/ui.md>)

### AI overview

This article presents Figma Dev Mode codegen plugins that help developers translate designs into code. It explains codegen as an aid to the design-to-development workflow and highlights plugins that generate or refine HTML, React, Svelte, Tailwind, Flutter, and SwiftUI code, including AI-assisted and open-source options.

### Source excerpt

Dev Mode helps you go from design to code faster. We've curated some of our top codegen plugins and tips to help you get the most out of your workflow.

## Three Creator Fund projects to know and love

DevFeed: [Three Creator Fund projects to know and love](<https://devfeed.tech/articles/three-creator-fund-projects-to-know-and-love-10162.md>)

Original publisher: [Read original article](<https://www.figma.com/blog/three-creator-fund-projects-to-know-and-love/>)

Author: Jenny Xie

Published: 2023-11-08T00: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 design](<https://devfeed.tech/topics/figma-plugin-design.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [HTML](<https://devfeed.tech/topics/html.md>), [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [Flutter](<https://devfeed.tech/topics/flutter.md>), [SwiftUI](<https://devfeed.tech/topics/swiftui.md>), [Code](<https://devfeed.tech/topics/code.md>)

Tags: [building](<https://devfeed.tech/tags/building.md>), [code](<https://devfeed.tech/tags/code.md>), [design](<https://devfeed.tech/tags/design.md>), [development](<https://devfeed.tech/tags/development.md>), [figma](<https://devfeed.tech/tags/figma.md>), [flutter](<https://devfeed.tech/tags/flutter.md>), [frameworks](<https://devfeed.tech/tags/frameworks.md>), [free](<https://devfeed.tech/tags/free.md>), [html](<https://devfeed.tech/tags/html.md>), [plugin](<https://devfeed.tech/tags/plugin.md>), [projects](<https://devfeed.tech/tags/projects.md>), [swiftui](<https://devfeed.tech/tags/swiftui.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>), [web](<https://devfeed.tech/tags/web.md>)

### AI overview

The article highlights three Figma Creator Fund projects, including Figma to Code, a prototyping plugin that converts Figma layouts into code for HTML, Tailwind, Flutter, and SwiftUI. It explains how the grant program supports free, practical resources for the Figma community and shares the project's development background.

### Source excerpt

Our grant program empowers the community to make free resources for all. From a kit for building immersive environments, to a design-to-code plugin, to a text animator, these tools have helped nearly a million people create in Figma.

## Creators need creators

DevFeed: [Creators need creators](<https://devfeed.tech/articles/creators-need-creators-9672.md>)

Original publisher: [Read original article](<https://www.figma.com/blog/figma-creator-tools/>)

Author: Rogie King

Published: 2023-03-07T00: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 design](<https://devfeed.tech/topics/figma-plugin-design.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [community](<https://devfeed.tech/tags/community.md>), [creators](<https://devfeed.tech/tags/creators.md>), [design](<https://devfeed.tech/tags/design.md>), [development](<https://devfeed.tech/tags/development.md>), [figma](<https://devfeed.tech/tags/figma.md>), [plugin](<https://devfeed.tech/tags/plugin.md>), [plugins](<https://devfeed.tech/tags/plugins.md>), [tools](<https://devfeed.tech/tags/tools.md>)

### AI overview

Figma introduces new selling tools and the Figma Creator Fund for Figma Community. The article also highlights community plugins, including tools that automate work, use real data, and support creators' workflows.

### Source excerpt

New selling tools and the Figma Creator Fund will help fuel the love of craft that fuels Figma Community.

## 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.