June 2026 was a watershed month for Figma. The product team didn't just ship incremental fixes — they redefined the boundaries of what a design tool can be. The month started with surgical updates to design system governance (Slots, Check designs) and AI economics (pay-as-you-go credits). Then came Config 2026 — a supernova of announcements that introduced motion, 3D transforms, shaders, code layers, and an agentic framework that turns Figma into a creative co-pilot.

The big picture: Figma is evolving from a static screen design tool into a dynamic, agentic, and immersive creative platform — bridging the gap between design, code, motion, and real-time data.

24 June 2026 — Here's everything from Config 2026

Config 2026New

Config 2026 was a declaration of Figma's new frontier. The keynote introduced a suite of features that collectively redefine digital creation. It's no longer just about arranging rectangles — it's about bringing interfaces to life with motion, depth, and intelligence.

New Materials: The Canvas Expands

• Motion: Precise, timeline-based animations built natively into Figma. Design reusable motion systems and hand off dev-ready animation specs without leaving the tool. Learn more
• 3D Transforms: Give elements real depth and perspective. Combined with motion, it enables physics-defying interactions that feel genuinely alive. Beta signup
• Shaders: Agent-generated, shareable texture layers. Simply describe a visual effect, and the agent builds it for you — then share it with the community. Learn more
• Code Layers: Prompt, iterate, and prototype interactions backed by real code. Bridge design and development in real-time, right inside Figma. Beta signup

Agentic Ecosystem: Custom Tools and Skills

• Agent Skills — Extend the Figma agent with custom connectors, attachments, and contextual prompts. More control over what the agent knows means significantly better outputs.
• Agent in FigJam and Slides — Generate entire boards and diagrams in FigJam, or draft and bulk-edit decks in Slides with AI assistance. The agent now works across the full Figma product suite.
• Generative Plugins — Let the agent write custom plugins for you. Describe a need in natural language, and the agent builds the tool — no plugin development knowledge required.
• Figma Weave Tools — Style transfer, perspective shifts, and AI-powered asset generation seamlessly integrated into the design workflow.

Why it matters: Config 2026 marks Figma's transition from a design tool to a creative operating system. By embedding motion, 3D, and agentic AI natively, Figma is positioning itself as the single source of truth for the entire product development lifecycle — from ideation all the way to interactive prototype to production-ready code.

Read the full Config 2026 recap on Figma's blog

18 June 2026 — Search the web in the Figma design agent

New

Context is everything. With web search integrated directly into the Figma design agent, designers can now pull live data, current UX best practices, and real-world content (like up-to-date pricing tables or product copy) directly into their files — no more switching back and forth between the browser and the canvas to chase down real content.

How it works: Simply prompt "search the web" in the agent chat, or toggle the web search option on using the plus menu in the agent panel. For enterprise admins, granular controls are available at the org level — you can enable or disable web search for specific teams or the entire organization.

Why it matters: This feature grounds AI-generated design in reality. Instead of generic lorem ipsum placeholders, you get contextually relevant, real-time content baked right into your mockups. It's a massive boost for competitive analysis, content design, and data-driven prototyping — designers can now research and design in a single uninterrupted flow.

Learn more about web search in Figma

17 June 2026 — AI credit usage API for Enterprise customers

New

FinOps for AI design. Figma releases a dedicated API endpoint that allows enterprise admins to programmatically track AI credit consumption across their entire organization. The API breaks down usage by user, by product (Design, Make, FigJam), by workspace, and by team. This granularity enables internal cost allocation by team or business unit, adoption monitoring to identify power users and low-adoption areas, and data-driven budgeting for renewal conversations.

Why it matters: As AI becomes central to design workflows, visibility into usage is critical for enterprise finance and IT teams. This API empowers teams to manage spend proactively, identify power users who may need more credits, and ensure they're getting measurable ROI on their AI investments. It transforms AI usage from a black box into an auditable, manageable cost center.

View the AI usage API documentation

17 June 2026 — Workspace-level Web Publishing for Make and Sites

Update

Granular governance for published content. Organization admins can now set a default web publishing policy for all files in the org, and then override that policy at the individual workspace level. A marketing team's workspace can have open publishing permissions to ship campaigns quickly, while an engineering or legal team's workspace can have strict restrictions on external access — all under a single organization umbrella.

Why it matters: This update directly addresses the "shadow IT" problem that plagues large design organizations. It gives central IT and security admins meaningful control without creating bottlenecks for individual product teams. The result is a healthier balance between team agility and enterprise-grade security compliance.

Learn more about managing web publishing

16 June 2026 — New in the Figma MCP server: Slides, fonts, and Xcode

New

The MCP (Model Context Protocol) server gets a massive upgrade, enabling significantly deeper integration between AI agents and Figma's full product ecosystem. Here's what's new:

• Slides support: Agents connected via MCP can now create and update full slide decks using your existing templates — turning Figma Slides into a programmable presentation engine.
• Uploaded fonts: No more falling back to web-safe fonts. The MCP server now renders text using your organization's uploaded custom fonts, ensuring pixel-perfect fidelity in agent-generated designs.
• Asset downloads: Export JPG, SVG, and PDF assets from Figma files programmatically through the MCP server — no manual exporting required.
• Xcode integration: Bring your mobile designs directly into Xcode through the MCP server for seamless, specification-accurate developer handoff for iOS projects.

Why it matters: MCP is the backbone of Figma's agentic future. By expanding its capabilities to cover Slides, custom fonts, asset exports, and Xcode, Figma is enabling AI-powered workflows that can interact with design files as if they were structured databases — opening the door to unprecedented automation for design systems, content pipelines, and developer handoff workflows.

Read the MCP deep dive on Figma's blog

15 June 2026 — Tab Groups: organize the way you work

New

Browser-like tab management finally comes to Figma. The new Tab Groups feature lets you group related files together by project, design phase, or workflow context. Color-code groups for instant visual scanning across your tab bar, and collapse groups you're not actively working in to dramatically declutter your workspace and reduce cognitive load.

For designers who regularly keep 10, 15, or 20+ files open simultaneously — which is most of us — this is a genuinely significant quality-of-life improvement. Think of it as labeled folders for your browser tabs, built specifically for the design tool context.

Why it matters: For designers juggling multiple simultaneous projects — or multiple versions and stages of the same project — tab groups are a genuine game-changer. They reduce context-switching fatigue significantly and make it much easier to pick up exactly where you left off when switching between clients, projects, or phases of a design process.

Learn more about Tab Groups in Figma

12 June 2026 — Community profiles, redesigned

Update

Your Figma identity just got a meaningful upgrade. The completely redesigned Community profiles now allow you to showcase your professional role, your tech stack and tools, your experience level, and a customizable FigPal avatar. Pin your best resources and templates to the top of your profile for maximum visibility, add all your social and portfolio links in one place, and build a recognizable professional reputation within the Figma Community ecosystem.

The redesign also makes it significantly easier for other community members to understand what you do and what you've built — turning anonymous usernames into rich professional identities that invite collaboration and conversation.

Why it matters: The Figma Community is increasingly becoming a serious professional networking hub for designers, not just a template marketplace. A rich profile turns anonymous users into recognizable contributors. It's effectively a portfolio, a professional resume, and a social graph all rolled into one profile page — and now it actually looks the part.

Update your Figma Community profile

11 June 2026 — Capture webpages as editable layers with the Chrome extension

Update

Turn any website into an editable design file. The significantly updated Figma Chrome extension now lets you copy entire web pages or specific individual elements from any website and paste them directly onto your Figma canvas as properly structured, fully editable layers. This opens up a completely new workflow for competitor analysis, mood boarding, design auditing, and reimagining existing live interfaces without starting from scratch.

Previously, capturing web content for use in Figma meant taking screenshots, importing them as flat images, and painstakingly recreating elements manually. Now you get actual editable components with real text, real colors, and real hierarchy — dramatically reducing the friction of the research and inspiration phases of any design project.

Why it matters: This feature bridges the code-to-design gap in a way that nothing else has before. Instead of screenshotting and tracing over flat images, you get actual, editable elements with real structure. It supercharges the competitive research phase and makes redlining or auditing existing live sites dramatically more efficient — especially powerful for UX designers who regularly benchmark competitor products.

Install the Figma Chrome extension (currently in Beta)

10 June 2026 — Video upload limit increase: 100MB to 300MB

Update

More room for richer media across the board. The video upload limit has been tripled from 100MB to 300MB across every Figma product — Design, FigJam, Slides, Sites, and Buzz. High-fidelity interactive prototypes with embedded video, user research session recordings, and immersive full-motion presentations just got a lot easier to manage without having to compress your footage into oblivion first.

The previous 100MB cap was a persistent source of frustration for designers working with realistic prototypes, UX researchers embedding usability testing recordings into research reports, and presentation designers trying to include full-quality motion content. This tripling of the limit addresses the vast majority of real-world use cases without requiring additional compression steps.

Why it matters: As design prototypes become increasingly realistic and motion-rich, the ability to embed high-quality video content is becoming essential — not optional. This limit increase removes a significant and persistent friction point for product teams doing high-fidelity work, and it signals that Figma is serious about supporting the full richness of modern interactive design.

Learn more about using video in Figma

4 June 2026 — Check designs: catch what's off, ship what's right

New

Design system governance meets AI-powered quality assurance. "Check designs" is a new automated QA tool that scans your entire Figma file and surfaces every deviation from your connected design system. It detects hard-coded style values that should be tokens, detached components that have drifted from their library source, library version mismatches across frames, and even accessibility violations like insufficient color contrast ratios that fail WCAG standards.

More importantly, it doesn't just identify problems — it suggests the exact fix. One click can replace a hard-coded hex color with the correct design token, or swap a contrast-violating text color for the nearest compliant alternative. The experience is fast, intelligent, and built for real-world design system governance at scale.

Why it matters: "Check designs" is effectively "Grammarly for designers" — an always-available intelligent assistant that catches inconsistencies before they ship. It ensures visual consistency at scale across large teams, empowers junior designers with embedded system knowledge, and dramatically reduces the manual QA burden on design system managers who would otherwise spend hours hunting for token violations in large files. This is one of the most practically valuable features Figma has shipped in years.

Explore Check designs in Figma

3 June 2026 — Pay-as-you-go AI credits for Professional plans

New

AI accessibility for teams of every size. Professional plan admins can now purchase additional AI credits on a pure pay-as-you-go basis, without needing to upgrade to an enterprise tier. This model is perfect for teams with fluctuating or unpredictable AI usage patterns — you can pair a PAYG credit top-up with your existing subscription to cover intensive sprint periods, or rely on it as your primary credit source if your team's AI usage is occasional rather than constant.

Previously, teams that exhausted their monthly AI credit allocation had to wait for the next billing cycle or request an enterprise upgrade — both of which could create significant workflow interruptions. PAYG credits remove that ceiling entirely.

Why it matters: This single change removes the most significant barrier to entry for smaller teams and agencies looking to experiment with Figma's AI features seriously. Previously, the AI credit model strongly favored large enterprises with predictable, high-volume usage. Now, a 3-person startup can access exactly the same AI capabilities as a 3,000-person enterprise, paying only for what they actually use.

Manage AI credits in your Figma account

3 June 2026 — Plan smarter with more context in Make

New

Make gets a fundamental intelligence upgrade. The new "Plan Mode" in Figma Make represents a significant shift in how the AI approaches your requests — from immediately generating to first collaborating. In Plan Mode, when you give Make a prompt, instead of instantly generating code, it pauses to ask clarifying questions, drafts a structured implementation roadmap, and then waits for your explicit approval before writing a single line of code. This saves credits, prevents wasted generation cycles, and ensures alignment between what you envisioned and what Make is about to build.

Additionally, Make now supports live web search and fetch to ground builds in real-world data — so if you ask it to build a pricing page, it can research actual competitor pricing structures. The update also introduces queued messages, letting you continue sending instructions and refinements to Make while it's still actively generating, without losing your train of thought or having to wait for a full completion cycle.

Why it matters: This update elevates Make from a "type a prompt and cross your fingers" tool into a genuine "plan, validate, then build" collaborative partner. It's one of the most significant steps toward AI that understands creative and product intent — rather than just processing surface-level instructions — and it meaningfully reduces the expensive iteration loop that makes AI-generated prototypes frustrating to refine.

Learn more about Make's Plan Mode update

1 June 2026 — Sharper controls for every slot

New

Component architecture gets industrial-grade precision. New slot settings give design system architects an unprecedented level of control over how their components are used across an organization. You can now define strict per-slot guardrails directly within the component's property panel: set minimum and maximum layer counts for a slot, restrict which specific component instances are allowed to be placed inside a given slot, define custom empty state visuals for when a slot has no content, and set precise default fill behaviors.

The result is that your components can now enforce their own usage rules without requiring designers to read documentation or ask questions — the constraints are built directly into the component itself, surfaced contextually at the exact moment when a designer is trying to use it incorrectly.

Why it matters: For design systems at scale, flexibility without constraints is the primary driver of fragmentation, inconsistency, and technical debt. These new slot controls give system owners the tools to enforce the rules of the system directly at the component level without sacrificing usability or discoverability. It's the difference between a design system that says "here are the components" and one that says "here are the components, and here's exactly how they work" — with the guardrails enforced automatically, silently, and helpfully.

Explore Slots in Figma Design