• Home
    • Technology
    • Gaming
    • Entertainment
    • World & Business
    • Science
    • Sports
    • AI
    HomeTechnologyGamingEntertainmentWorld & BusinessScienceSportsAI
    Technology
    Announcement

    Figma announces Specs to help guide AI agents with design rules

    TechCrunch reports that Specs can reference canvas elements and embed FigJam diagrams, code layers and designs.

    FigmaFI
    Dylan FieldDF
    TechmemeTE
    6 Sources, 2h ago, first seen 2h ago

    TLDR

    TechCrunch reports that Figma announced Specs, a Markdown editor where teams can define design rules for people and AI agents to reference. Figma is also making code layers available in public beta, letting users ask an agent to turn designs into code or change code while refining a prototype. The company is integrating the available reporting with Figma Make to generate dynamic websites and manage content.

    Combined views

    835.7K

    6 Sources, first seen 2h ago

    1.1K likes40 comments307 saves79 reposts

    Combined views

    835.7K

    6 Sources, first seen 2h ago

    1.1K likes40 comments307 saves79 reposts
    Image: @figma on X

    Figma is rolling out Specs, a collaborative writing surface designed to keep product requirements, design decisions and technical context next to the work they describe. The feature is entering open beta for paid plans on Figma’s web, desktop and mobile apps, with access expanding gradually.

    Featured Source

    Specs uses a Markdown-like editor, but it lives on the Figma canvas instead of in a separate document. Teams can use it to set down design-system rules, implementation notes or other project guidance that both colleagues and connected AI agents can reference. The aim is to reduce the context lost when a project moves among documents, design files and code.

    Keeping context beside the work

    A Spec can reference a Figma frame or node and embed FigJam diagrams, designs and code layers. Those links stay attached to the surrounding text, giving readers a visual path back to the element under discussion rather than asking them to hunt through a file.

    Figma says AI agents can read and reply to comments inside Specs. Teams can also bring in outside context through GitHub and Hex integrations, or send a Spec to a coding agent through Figma’s Model Context Protocol tools. These are workflow connections, not a promise that an agent will interpret every rule correctly, so the shared document still gives people a place to review decisions and resolve ambiguity.

    Code layers and Payload move toward shipping

    The company is also putting code layers into public beta across all plans. Code layers place working code on the canvas, where designers and developers can compare it with visual components, import projects from GitHub or a local folder, and ask an agent to refine the implementation. Figma says the feature uses AI credits when those are included in a plan.

    A separate Payload integration gives projects made in Figma Make access to a hosted backend, database and file storage, plus user login and an administrative interface. Figma says the integration is rolling out to all accounts over the coming weeks. The hosting service remains in beta and is free during that period, with pricing to be announced later.

    Taken together, the launches push Figma beyond static handoff files. Specs holds the written intent, code layers connect designs to executable components, and Payload adds the data and account services needed for more functional prototypes. Each piece is still arriving through a beta or staged rollout, so availability may vary by plan and account.

    Sentiment

    Positive——Negative

    Summary

    Not enough discussion yet.

    No sentiment analysis available yet.

    Useful links

    Figma

    Agents, Meet the Figma Canvas | Figma Blog

    Figma · YouTube

    Designing in code | Config 2026

    Figma

    Figma’s Design Agent, Now With Custom Tools and Greater Context | Figma Blog

    Figma · YouTube

    Using agents in Figma Design (and coming soon to FigJam and Slides)

    Figma

    Try These 10 Skills—And Show Off Your Own | Figma Blog

    Figma · YouTube

    Figma deep dive: Agentic workflows and the MCP | Config 2026

    Sentiment

    Positive——Negative

    Summary

    Not enough discussion yet.

    No sentiment analysis available yet.

    Useful Links

    Figma

    Agents, Meet the Figma Canvas | Figma Blog

    Figma

    Figma’s Design Agent, Now With Custom Tools and Greater Context | Figma Blog

    Figma

    Try These 10 Skills—And Show Off Your Own | Figma Blog

    Related Videos

    • Designing in code | Config 2026Figma · YouTube
    • Using agents in Figma Design (and coming soon to FigJam and Slides)Figma · YouTube
    • Figma deep dive: Agentic workflows and the MCP | Config 2026Figma · YouTube

    Useful Links

    Figma

    Agents, Meet the Figma Canvas | Figma Blog

    Figma

    Figma’s Design Agent, Now With Custom Tools and Greater Context | Figma Blog

    Figma

    Try These 10 Skills—And Show Off Your Own | Figma Blog

    Related Videos

    • Designing in code | Config 2026Figma · YouTube
    • Using agents in Figma Design (and coming soon to FigJam and Slides)Figma · YouTube
    • Figma deep dive: Agentic workflows and the MCP | Config 2026Figma · YouTube

    Related

    The shifting definition of AI 'slop' in design

    a16z quotes Figma's Dylan Field saying AI has lowered the floor but hasn't yet raised design's ceiling.

    13 Sources

    FigmaFigma Deepens Investment in India With Largest International Config Yet | Figma Blog
    TechCrunchFigma announces new features to define how agents work on its platform | TechCrunch3h
    MoneycontrolFigma aims to quickly scale up in India amid growing customer adoption: CEO Dylan Field- Moneycontrol.com2h
    Figma@figmaWe shared a sneak peek of a new dedicated place to bring all the pieces of your design system together, plus a couple updates: → Guidelines (open beta) → Code sources (closed beta) Live from Config India2h
    Dylan Field@zoinkIntroducing Specs! A new medium for markdown on the Figma canvas. You can think of Specs as a container for your context. Use MCP, Github, etc to move context in/out of Figma and across the Figma platform. Specs is rolling out in open beta over the next few weeks!2h
    Techmeme@TechmemeFigma announces new features to define how AI agents work on its platform, including Figma Specs, a Markdown editor that lets users define their design language (@indianidle / TechCrunch) (Visit Techmeme dot com for the link and full context!)1h
    • Home
    • Technology
    • Gaming
    • Entertainment
    • World & Business
    • Science
    • Sports
    • AI
    FigmaSpecs

    13 Sources

    FigmaFigma Deepens Investment in India With Largest International Config Yet | Figma Blog
    TechCrunchFigma announces new features to define how agents work on its platform | TechCrunch3h
    MoneycontrolFigma aims to quickly scale up in India amid growing customer adoption: CEO Dylan Field- Moneycontrol.com2h
    Figma@figmaWe shared a sneak peek of a new dedicated place to bring all the pieces of your design system together, plus a couple updates: → Guidelines (open beta) → Code sources (closed beta) Live from Config India2h
    Dylan Field@zoinkIntroducing Specs! A new medium for markdown on the Figma canvas. You can think of Specs as a container for your context. Use MCP, Github, etc to move context in/out of Figma and across the Figma platform. Specs is rolling out in open beta over the next few weeks!2h
    Techmeme@TechmemeFigma announces new features to define how AI agents work on its platform, including Figma Specs, a Markdown editor that lets users define their design language (@indianidle / TechCrunch) (Visit Techmeme dot com for the link and full context!)1h
    Today's Rank

    —

    Not ranked yet

    Today's Rank

    —

    Not ranked yet