# Figma Blog Welcome to Shortcut, Figma's blog for telling stories about people, and the priorities, plans, and pivots they discover along the path of bringing new ideas to life. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Try these 5 Weave tools--and share your own DevFeed: [Try these 5 Weave tools--and share your own]() Original publisher: [Read original article]() Author: Moran Michelle Dankner Published: 2026-09-16T12:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Figma Community](), [Generative AI](), [Large Language Model]() Tags: [figma](), [figma-community](), [generative-ai](), [llm]() ### AI overview Figma announces community publishing for Weave tools and highlights five examples, including tools for room rendering, headshot creation, embroidery-style illustrations, and branded seals. The article also describes how creators build tools for their workflows. ### Source excerpt Community publishing is now live for Weave tools. Here are a few tools that stand out, from turning a moodboard into a realistic room mockup to previewing your next nail set. ## Source material: Artist and educator Zach Lieberman likes to break things DevFeed: [Source material: Artist and educator Zach Lieberman likes to break things]() Original publisher: [Read original article]() Author: Figma Published: 2026-09-15T20:52:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [coding](), [Artificial Intelligence]() Tags: [animation](), [art](), [coding](), [creative](), [design]() ### AI overview An interview with artist and educator Zach Lieberman about connecting drawing with computation, developing creative coding experiments, and finding inspiration in early computer artists and animation pioneers. ### Source excerpt The creative coder explains the throughline between drawing and computation, and why he's jealous of pioneering artist Lillian Schwartz. ## Figma launches data residency in Japan DevFeed: [Figma launches data residency in Japan]() Original publisher: [Read original article]() Author: Figma Published: 2026-09-11T15:25:00Z Content type: release Language: en Sources: [Figma Blog]() Topics: [Figma](), [data]() Tags: [availability](), [collaboration](), [data](), [data-management](), [enterprise](), [figma](), [financial-services](), [healthcare](), [hosting](), [japan](), [launch](), [product-development](), [public-sector](), [security]() ### AI overview Figma launches data residency in Japan, allowing enterprise customers to host Figma file data domestically. The announcement highlights data protection, security, and data management needs across sectors including the public sector, healthcare, and financial services. ### Source excerpt Figma strengthens data protection and security for enterprise customers with local data hosting. ## Source material: Creative technologist Marisa Chentakul is tired of calling things "slop" DevFeed: [Source material: Creative technologist Marisa Chentakul is tired of calling things "slop"]() Original publisher: [Read original article]() Author: Figma Published: 2026-09-03T15:49:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Internet]() Tags: [cyberdeck](), [design](), [development](), [internet]() ### AI overview Creative technologist Marisa Chentakul discusses how she entered product design, approaches creative work, and developed an emotional attachment to her imperfect cyberdeck. She also reflects on comparison, taste policing, and rejecting the idea of one correct version of good design. ### Source excerpt One of the internet's favorite designers shares why her cyberdeck doubles as a makeup vanity, and the questions she asks herself to get into a creative space. ## How Coinbase used Code Connect to guide agents and shrink token costs DevFeed: [How Coinbase used Code Connect to guide agents and shrink token costs]() Original publisher: [Read original article]() Author: Jenny Xie Published: 2026-09-02T20:28:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Model Context Protocol](), [AI-assisted coding](), [Code quality](), [Accessibility](), [Cryptocurrency]() Tags: [accessibility](), [agents](), [code](), [coding](), [coinbase](), [cost](), [cryptocurrency](), [figma](), [mcp](), [mcp-server](), [tokens](), [web]() ### AI overview The Coinbase Design System team evaluated Code Connect in Figma's MCP server with coding agents. The article reports improved adherence to the design system, better code quality, and an average 22.5% reduction in token costs when converting Figma designs into code. ### Source excerpt The Coinbase Design System team put Code Connect to the test against coding agents--and found that it boosted design system adherence while cutting token costs by an average of 22.5%. ## Behind the build: Generative plugins and shaders at Figma DevFeed: [Behind the build: Generative plugins and shaders at Figma]() Original publisher: [Read original article]() Author: Rogie King Published: 2026-09-01T14:39:43.296000Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Artificial Intelligence](), [Model Context Protocol](), [GPU](), [webgpu](), [Large Language Model](), [Code](), [React Native]() Tags: [agent](), [ai](), [code](), [collaboration](), [community](), [design](), [figma](), [generative](), [gpu](), [llms](), [mcp](), [mcp-server](), [product](), [react](), [shaders](), [tools](), [webgpu]() ### AI overview Figma describes how generative plugins and shaders expand creative control through prompting, custom tools, richer context, animated effects, code access, community publishing, and MCP integration. The article connects GPU-based real-time pixel manipulation with AI-assisted movement between design and code. ### Source excerpt Starting today, you'll have more creative control over generative plugins and shaders, and a way to share what you've made with the community. Product Designer Rogie King tells the story of how we got here. ## How do you actually measure the impact of AI on design? DevFeed: [How do you actually measure the impact of AI on design?]() Original publisher: [Read original article]() Author: Shane Johnston Published: 2026-08-28T19:30:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Artificial Intelligence](), [Figma]() Tags: [ai](), [ai-impact](), [ai-tools](), [collaboration](), [design](), [developers](), [product-development](), [productivity](), [research](), [workflows]() ### AI overview Figma describes a multi-year study measuring how AI affects design and product development. Its AI impact index compares expectations with reported experience across collaboration, personal productivity, projects, and products, using survey responses from designers, developers, and product managers. ### Source excerpt In 2024, we kicked off a study to understand how AI would reshape design and product development. Now, AI is helping us run it. ## Workflow lab: Moving between design and code with agents DevFeed: [Workflow lab: Moving between design and code with agents]() Original publisher: [Read original article]() Author: Riccardo Erra Published: 2026-08-26T22:00:00Z Content type: tutorial Language: en Sources: [Figma Blog]() Topics: [Figma](), [AI-assisted coding](), [dev-tools](), [Code](), [Pull Request]() Tags: [agents](), [ai](), [code](), [coding](), [design-systems](), [dev-tools](), [developers](), [figma](), [ui](), [workflow]() ### AI overview This workflow lab shows how designers and developers can use Figma, Figma dev tools, and coding agents to keep design and code aligned. It follows a feature from wireframes through implementation and review, emphasizing approved components, design tokens, and richer context to improve generated code and reduce rework. ### Source excerpt Coding agents are reshaping how developers build, but they're only as good as the input they're given. This workflow explores how context keeps code and canvas in sync. ## Sightlines issue no.2: What leaders need to know about building agents DevFeed: [Sightlines issue no.2: What leaders need to know about building agents]() Original publisher: [Read original article]() Author: Figma Published: 2026-08-20T19:36:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Artificial Intelligence](), [Architecture & Design](), [Security](), [atlassian]() Tags: [agentic](), [agents](), [ai](), [autonomous](), [communication](), [design](), [leadership](), [product-development](), [security](), [testing](), [workflows]() ### AI overview This issue of Figma's Sightlines newsletter shares guidance from design, product, and engineering leaders on building agentic products. It focuses on trust, security, transparency, governance, testing, responsible autonomy, and keeping people accountable as agents handle more workflows. ### Source excerpt Agentic products pose a unique set of design challenges. How do you build a tool that's powerful and knowledgeable enough to be a true partner, while keeping trust and security at the core? Here's what we've heard from leaders. ## How to move fast toward the right thing DevFeed: [How to move fast toward the right thing]() Original publisher: [Read original article]() Author: Jake Albaugh Published: 2026-08-13T20:30:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Artificial Intelligence](), [Tech Debt](), [Large Language Model](), [Vibe coding](), [agentic-coding](), [sdlc]() Tags: [agentic-coding](), [ai](), [developers](), [llms](), [sdlc](), [tech-debt](), [vibe-coding]() ### AI overview AI makes software building faster and more accessible, but can also produce tech debt and encourage uncritical acceptance of polished outputs. The article argues that teams should begin with clear intent, carefully decide what is worth building, and use AI to translate that intent into software while retaining human judgment. ### Source excerpt With AI, speed comes easy, but so does tech debt. That's why the best teams don't just ship something fast; they consider it carefully, build it efficiently, and make it stand out. ## 10 Figma agent skills featured by Figma DevFeed: [10 Figma agent skills featured by Figma]() Original publisher: [Read original article]() Author: Miggi Cardona Published: 2026-08-13T16:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Figma agent](), [Figma Community](), [Design system](), [recommendations]() Tags: [design-system](), [figma](), [figma-agent](), [figma-community](), [recommendations]() ### AI overview Figma explains how users can author skills for its agent directly in Figma, preview and edit them, and iterate on them through testing. The article highlights 10 skills from the Figma Community, including examples for generating radiographs and reviewing animation opportunities. ### Source excerpt Now you can author skills for our agent, directly in Figma, to put your point of view to work. Here are 10 of our favorites to get you started. ## Measuring time savings from Figma Make DevFeed: [Measuring time savings from Figma Make]() Original publisher: [Read original article]() Author: Remy Stewart Published: 2026-08-11T19:59:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Data Science](), [Artificial Intelligence](), [A/B Testing]() Tags: [a-b-testing](), [ai](), [ai-tools](), [data-science](), [figma](), [productivity](), [research](), [testing]() ### AI overview Figma's Data Science team describes a randomized controlled trial measuring how Figma Make affects users' design work. Across 100 participants, design work was 20% faster and 16% easier overall, while PMs saw tasks become 23% faster and 37% easier. The article explains why confounders make AI time savings difficult to measure and discusses the limitations of online A/B testing and causal inference using log data. ### Source excerpt The Figma Data Science team assumed that AI saves users time--but quantifying it required a new approach to research design. ## Better code, fewer tokens: The benefits of Code Connect in MCP DevFeed: [Better code, fewer tokens: The benefits of Code Connect in MCP]() Original publisher: [Read original article]() Author: Tom Weightman Published: 2026-08-05T18:16:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [MCP Server](), [Model Context Protocol](), [AI-assisted coding](), [agentic-coding](), [Front end](), [Code quality]() Tags: [agentic-coding](), [agents](), [case-study](), [code](), [code-quality](), [coding](), [design](), [figma](), [mcp]() ### AI overview Figma's Code Connect gives coding agents production-component context through the Figma MCP server. Evaluations found shorter task durations, higher code quality, and lower token usage when Code Connect templates were available. ### Source excerpt When going from design to code, agents lack the context of your production components. With Code Connect in Figma's MCP, they get that context. We measured its impact on token usage, task duration, and code quality. ## Code, craft, and the making of nested folders DevFeed: [Code, craft, and the making of nested folders]() Original publisher: [Read original article]() Author: Ethan Adams; Cai Charniga; Sachi Shah Published: 2026-08-03T12:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Code](), [pull-requests](), [Artificial Intelligence]() Tags: [code](), [collaboration](), [design](), [development](), [feature](), [figma](), [product-development](), [pull-requests]() ### AI overview Figma describes how its teams changed their product development process while building nested folders. The approach emphasized using code and pull requests to test ideas earlier, flexible responsibilities, and closer collaboration across product, design, and engineering as the project's requirements and context evolved. ### Source excerpt From treating code as a proposal to turning handoffs into conversations, here's how we shaped a new way of working to ship nested folders. ## AI fluency isn't the finish line DevFeed: [AI fluency isn't the finish line]() Original publisher: [Read original article]() Author: Andrew Hogan Published: 2026-07-31T21:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Artificial Intelligence](), [Low-Code / Internal Tools](), [interactive website](), [Figma]() Tags: [ai](), [ai-tools](), [developers](), [interactive-website](), [internal-tools]() ### AI overview The article argues that AI fluency is only one part of adapting to AI-shaped work. It emphasizes shared systems, collaboration, facilitation, and turning individual knowledge into reusable team tools such as internal tools, plugins, prompt libraries, and interactive websites. ### Source excerpt More than 90% of product builders say AI skills are essential to their future success. But what if we're focused on the wrong ones? ## A properties panel and annotations, now in Figma Make DevFeed: [A properties panel and annotations, now in Figma Make]() Original publisher: [Read original article]() Author: Phillip Wang Published: 2026-07-30T19:25:32.996000Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Code](), [Document Object Model (DOM)](), [Prompt Engineering]() Tags: [agent](), [animation](), [code](), [design](), [figma](), [padding](), [tokens](), [typography]() ### AI overview Figma introduces a properties panel and annotations in Figma Make, enabling visual edits to code through familiar design controls and in-context prompts. The update supports detailed styling changes, DOM-tree selection, staged review before applying edits, and synchronization with underlying code. ### Source excerpt With visual editing and annotations, Figma Make is bridging the gap between design and code. Select any element you want to change, adjust it directly in the properties panel, or write in-context prompts with annotations. ## How we secure Figma's internal systems with agents DevFeed: [How we secure Figma's internal systems with agents]() Original publisher: [Read original article]() Author: Matthew Sullivan; Brad Girardeau Published: 2026-07-29T20:44:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [AI Agent](), [Security](), [SIEM, Security](), [cloud-infrastructure](), [Amazon Bedrock](), [Cloud](), [Pull Request](), [Code](), [Vulnerabilities](), [Large Language Model]() Tags: [agents](), [ai-agent](), [bedrock](), [cloud](), [cloud-infrastructure](), [code](), [llm](), [pull-request](), [security](), [vulnerabilities]() ### AI overview Figma's security team built an AI agent that triages alerts, investigates incidents, queries security data, writes fixes, opens pull requests, and retains knowledge from prior investigations. The system reduced alert time to resolution by 71% and changed how on-call engineers handle security work. ### Source excerpt Our security team built an AI agent that triages alerts, conducts forensic investigations, queries our security data lake, writes code to fix issues--and remembers what it learns. Here's how we cut alert time-to-resolution by 71% and fundamentally changed how our on-call engineers work. ## Digital tools, human expression: The visual identity behind Config 2026 DevFeed: [Digital tools, human expression: The visual identity behind Config 2026]() Original publisher: [Read original article]() Author: Matt Alagiah Published: 2026-07-27T16:30:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Artificial Intelligence](), [shaders](), [Code]() Tags: [ai](), [ai-tools](), [conference](), [design](), [figma](), [images](), [shaders](), [tools]() ### AI overview Figma's Brand Studio explains the visual identity for Config 2026, combining expressive glyphs, prompted textures, generative tools, shaders, and Figma Make to balance digital experimentation with human craft and imperfection. ### Source excerpt Here's how Figma's Brand Studio designed a conference that captured the very human ways we remix and reinvent when working with AI tools. ## How Figma stays ahead of vulnerabilities with agents DevFeed: [How Figma stays ahead of vulnerabilities with agents]() Original publisher: [Read original article]() Author: Rohan Sharma; Liam Buchan; Dave Martin Published: 2026-07-23T21:23:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Vulnerabilities](), [Pull Request](), [AI-assisted coding](), [Claude Code](), [codex](), [Security](), [Code]() Tags: [agentic](), [claude](), [claude-code](), [code-generation](), [codex](), [coding](), [cost](), [engineering](), [figma](), [pull-request](), [review](), [security](), [vulnerabilities]() ### AI overview Figma describes how it uses coding agents to prevent, detect, and fix vulnerabilities during code generation, pull request review, and historical code auditing. The article focuses on improving precision, recall, and trust, including a review system that combines Claude Code with Opus 4.8 and Codex with GPT-5.6 Sol. ### Source excerpt For the past year, agents at Figma have guarded code as it's written, reviewed every pull request, and audited a decade-old monorepo, all on one policy. ## Sightlines issue no.1: Insights from Config DevFeed: [Sightlines issue no.1: Insights from Config]() Original publisher: [Read original article]() Author: Figma Published: 2026-07-16T16:37:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Artificial Intelligence](), [OpenAI]() Tags: [ai](), [beginner](), [collaboration](), [design](), [development](), [engineering](), [experiment](), [insights](), [leadership](), [product-development](), [prototyping]() ### AI overview Sightlines issue no.1 shares lessons from Config's Leadership Collective about leading product, design, and engineering teams in the age of AI. It emphasizes enduring leadership fundamentals, experimentation, collaboration, human judgment, and maintaining quality as teams adopt AI. ### Source excerpt The conversations we're still replaying from Config's Leadership Collective. ## Workflow lab: Deploying designs directly with Figma Make DevFeed: [Workflow lab: Deploying designs directly with Figma Make]() Original publisher: [Read original article]() Author: Laura Fehre Published: 2026-07-16T12:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Accessibility](), [Code](), [GitHub](), [Pull Request]() Tags: [accessibility](), [code](), [collaboration](), [design](), [figma](), [github](), [review](), [workflow]() ### AI overview This workflow lab presents a design-to-code process using Figma Make, production code, GitHub integration, and team review through the pull request. It focuses on enabling designers to address small, craft-level accessibility improvements while engineers handle larger architecture work. ### Source excerpt The handoff from design to code doesn't have to be a one-way street. This workflow shows how a designer can connect a codebase to Figma Make, make the changes directly, and bring the whole team into review--right up to the PR. ## How Decagon uses AI for design system saturation DevFeed: [How Decagon uses AI for design system saturation]() Original publisher: [Read original article]() Author: Jenny Xie Published: 2026-07-10T20:30:56.769000Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Model Context Protocol](), [AI-assisted coding](), [agentic-coding](), [Code]() Tags: [agentic](), [agentic-coding](), [agents](), [ai](), [ai-agents](), [code](), [customer-service](), [design](), [developer](), [figma](), [mcp]() ### AI overview Figma MCP and Figma Make helped Decagon scale an organization-wide design system, improve design-to-code handoffs, and support rapid customer-service product development. The article explains how structured Figma libraries give designers, developers, and coding agents a shared source of truth. ### Source excerpt The fast-growing customer experience platform explains how Figma MCP and Figma Make helped them scale a new design system and keep pace with customer requests. ## How to keep design teams steady through constant change DevFeed: [How to keep design teams steady through constant change]() Original publisher: [Read original article]() Author: Emma Webster Published: 2026-07-09T14:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Artificial Intelligence](), [Figma](), [Shopify]() Tags: [ai](), [collective](), [design](), [insights](), [leadership]() ### AI overview Design leader Jen Dunnam shares advice for keeping design teams steady during rapid AI-driven change. She emphasizes grounding decisions in human needs, experimenting thoughtfully with tools, investing in early-career talent, pairing experience levels, and hiring researchers who can turn insights into decisive product direction. ### Source excerpt Drawing on her time at Patreon and Shopify, design leader Jen Dunnam offers her advice for this new age of AI--from building a strong team to how to think about speed. ## GPT-5.6 is now available in Figma Make DevFeed: [GPT-5.6 is now available in Figma Make]() Original publisher: [Read original article]() Author: Gui Seiz Published: 2026-07-09T12:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Code](), [App](), [dashboards](), [GUI](), [Playback](), [FIRST]() Tags: [app](), [audio](), [building](), [code](), [design](), [efficiency](), [evals](), [figma](), [gpt](), [music](), [openai](), [playback](), [prototypes](), [search](), [ui](), [visual-hierarchy](), [workflow]() ### AI overview This article announces OpenAI's GPT-5.6 integration in Figma Make, describing faster, higher-quality first results, efficient iteration, error self-healing, and faithful conversion of Figma designs into interactive prototypes and production code. ### Source excerpt With accurate first results and fast iterations, OpenAI's GPT-5.6 gives your builds a strong start in Figma Make. [Next page]()