We're training a Figma-fluent editing model

(figma.com)

145 points | by gmays 3 days ago

32 comments

  • jjcm 1 day ago
    Ex-Figma.

    For context, this blog was released the same day Canva made their announcement for Brush, which looks to be further along in this area: https://www.canva.com/newsroom/news/canva-brush/

    I'm glad Figma is pushing in this area. I do think that Figma has one of the best UI datasets out there in the world, and for the most part they've been sitting on it letting it get unused. Excited to see where they take this, but I do think they should be looking at image models in addition to LLM-based edit models (I'm biased as I left figma to start a image-mode-based UI design tool) as I find they're more capable in this area.

    • emaro 10 hours ago
      Ah, of course all the UI designs in figma belong to figma. Why would anyone think anything else?
      • jjcm 1 hour ago
        In Figma's defense here, they gave what was almost a 1 year heads up where you could turn off ai training on your data, before they ever touched their first file. It was very generous.
    • redanddead 1 day ago
      it's been literally years and the best figma has to show is an announcement of an upcoming announcement

      meanwhile, another commenter was right, the figma mcp is dogshit

    • baxtr 1 day ago
      Is there a way I can tell figma what to do in natural language?

      Bring that layer up, move this box, etc

      • e12e 20 hours ago
        > Enhance 224 to 176. Enhance, stop. Move in, stop. Pull out, track right, stop. Center in, pull back. Stop. Track 45 right. Stop. Center and stop. Enhance 34 to 36. Pan right and pull back. Stop. Enhance 34 to 46. Pull back. Wait a minute, go right, stop. Enhance 57 to 19. Track 45 left. Stop. Enhance 15 to 23. Give me a hard copy right there.

        https://youtu.be/hHwjceFcF2Q?is=GWE74YfHzoEDaiWL

        Ed: arguably there's some interesting bits in that scene beyond foreshadowing dejected designers slumped in a recliner, sipping cheap whiskey in front of a screen, adjusting pixel perfect layout across multiple devices using only a rasping monotone voice...

        https://blog.kenperlin.com/?p=16063

        • jansan 13 hours ago
          I love that Bladerunner scene and often show it to people when explaining how I work with AI.

          At the same time I mention that the "I am not a Robot" widget on some websites is the same as a Voight-Kampff-test.

          Btw, the scene has an absolutely cringeworthy German translation where Deckard says at the end "Gib mir davon eine feste Kopie" with a literal translation of "hard copy" that nobody would ever use.

      • jjcm 1 day ago
        Theoretically that's what the Figma agent is for, but I'll be honest in that it released after I left and I haven't tried it enough to tell whether or not it's effective.
      • airstrike 19 hours ago
        Install Codex and the Figma plugin.

        I haven't edited anything manually in Figma for a while now other than small tweaks.

      • rutherblood 22 hours ago
        Had launched this plugin earlier this year to do exactly that: https://www.figma.com/community/plugin/1589249271423490087/b...
      • ihsw 23 hours ago
        [dead]
    • rramon 20 hours ago
      Canva designers tend to overcook everything, they lack taste. Easy win for Figma in the long run. That said, the open source Artcraft suite of apps (Figcraft is one of them) have a headless command layer that maps 1:1 to the UI, you can run the entire suite headless on a VPS and use your existing AI subs..
      • echelon 18 hours ago
        > Artcraft suite of apps (Figcraft is one of them)

        This will be pushed to feature and UI/UX parity. The community has spun up an open source Raft/Paxos collaboration server, and are working to connect it with open source cloud and local compute.

        Same thing for Canva.

        The community is jumping onto this motion quickly. Just look at how well SolidCraft is progressing.

        Companies are not going to be able to lock you into tools anymore.

  • miguel-muniz 1 day ago
    I've used various combinations of Codex, Claude Code, GitHub Copilot, Figma's MCP, Figma Agent, Pen.dev, and Paper.design for product design. I have previous experience with front-end dev so I'm more technical than the average product designer.

    In my experience, Figma Agent and Figma's MCP leave something to be desired. I'm sure Figma Agent is useful for people who haven't used Claude Code or similar before, but it really requires most of your product's context to exist in Figma for it to do well.

    As soon as your product's context exists out of Figma, then it starts to drift and hallucinate its own styles. Using the MCP with an AI that has access to your code provides better results, but even it will have trouble remembering what page I'm asking it to edit.

    I know they're trying to address this by adding features such as guidelines and specs, along with linking your Figma files to GitHub repos, but my complaint with these features is a lot of the companies I have worked for do not use the very specific tech stack that Figma supports with these features. If it's anything like code connect, it may take years to get more broad support. Every company I have worked for is a C# Microsoft/Azure house.

    This does not help with my broader frustration with Figma which is there is a lack of focus/vision. They're trying to compete on all fronts by developing all these different products/features and it doesn't really feel like they have a cohesive story for what the future or product design is. Granted, I think most of us in this industry don't either, but when am I supposed to use Figma Make vs. Figma Agent vs. Code layers?

    They keep blurring the line between them when in all honesty I'm more interested in just using the AI agent I pay for to code what I need and bring it into a canvas for archiving/exploration when I need it.

    • robertfall 17 hours ago
      What would you say is the best in class here?

      I loved the now legacy Claude design experience apart from the fact that the project lived on Anthropic’s servers.

      My ideal product would allow the creative loop I had with Claude design, but more tightly integrated into my actual component library so there’s nothing to keep in sync.

      I found some joy with Penpot but it didn’t allow me to use my real components.

      I’m down to trying to hand roll this in each project now as a living style guide, but I’m missing something from the Claude Design system prompt that made it feel so quick and easy to explore and arrive at something I like and share prototypes

    • edg5000 19 hours ago
      They should just focus on having a good MCP available with a vision feedback loop (PNG snapshot), good docs, and the frontier models will be able to figure out the rest. Seems ambitious to train your own model. A good MCP really is not hard to make, and it's all they need to do to allow people to use AI well with their product.
    • miguel-muniz 1 day ago
      Also I'm aware that their Figma specific model is one of many models their agent can use. Even in Figma Make, I find myself getting better results with GitHub Copilot than I do in Make with the same models selected.

      Better results meaning it gets closer to what I had imagined in my mind or the design is subjectively better.

  • priyadarshy 22 hours ago
    I've completely replaced my Figma usage by just keeping a `/design/{project}` route where each one mimics a Figma document and I just have the agent build out things in html/css/react/etc

    I find it a huge distraction to ever draw anything in Figma now

    • throwaway63467 13 hours ago
      Yeah I use Claude design for that which is essentially just a nice UI around HTML/JS artifacts (and they will retire the custom UI soon) it’s great, you can build apps with JS to test UI, who needs Figma… HTML & CSS is the end result anyway so why design in some proprietary intermediate language?
    • jaggederest 21 hours ago
      I've been using design playbooks for years - a page with basically every component laid out using dummy data so you can see reskins all at once. I rock them live in prod, too, not linked anywhere but many of the sites I've built if you go to /design/playbook you get to see the whole thing.

      Highly recommend it. I think we should make a .well_known url for them or something, honestly.

      • sorahn 17 hours ago
        Is there one of these online somewhere that you could link to? I’d love to take a look.
  • amiantos 1 day ago
    I might be wrong or mistaken, but it seems like a big disadvantage for Figma that in order to use an agent with Figma, it has to be a specially trained Figma-aware agent and not just whatever agent I personally want to use.

    Feels to me like a big issue that a smart competitor could take advantage of. I want to use my agent, I don't want to pay Figma to use their agent.

    I'm also a bit salty about Figma ratcheting down hard on API calls, which creates customer service issues for any product that integrates with the Figma API. So maybe I am biased, but based on comments in here it also seems like the Figma MCP isn't very good either. Is Figma's long-term strategy to go full walled garden?

    • chris_money202 12 hours ago
      The paradigm is going to shift on you. We’re moving to agent on agent communication. Your Claude agent will talk with the Figma agent the same way it talks to sub agents
  • tgtweak 1 day ago
    I think figma has numbered months - frontier AI in naked html is getting to the level of design that is honestly stunning - all of those "svg of a penguin riding a bike" training examples must be doing something because I've seen Opus one-shot an SVG of a logo vs scraping a PNG and it was pixel perfect. Claude design, while it came out a bit light, is now very capable.

    I know figma has a strong fanbase and companies are all rolling their own "post-trained" models for their built-in AI, and figma is a great product, but the fact frontier models can basically do in html what figma does in it's intermediary format sort of point to where the chips will land in terms of what you will need to use figma for in a few iterations.

    I haven't used canva in 6+ months either for the same reason and I don't think either's userbases are growing honestly.

  • taitems 1 day ago
    Anything would be better than their current embarrassing AI roll out. The only way you can get something halfway decent is to put Claude Code into Fable or some equally high intent window and make an animal sacrifice.

    Then the whole thing is effectively useless because of server-side font licensing. Your expensive brand font cannot be used by the MCP so you then need an additional layer of client-side Figma plugins to replace the placeholder font with your real font.

    • weird-eye-issue 1 day ago
      > to put Claude Code into Fable or some equally high intent window

      What?

  • handfuloflight 1 day ago
    The ship has sailed on Figma. It's easier, faster and better to prototype directly via coding agent.
  • _heimdall 11 hours ago
    I feel for figma, or more specifically for their employees.

    Figma is an excellent product and works drastically better for me than the various tools I've used in the past for UI design.

    I also don't see a future for the product though. Anthropic can now generate a design canvas of sorts as an artifact. Is it as good as Figma? Absolutely not. Will a designer use it? I'm not sure, but it has worked well enough for me in times where I'd previously have needed to find a designer to partner with for client work.

  • preommr 1 day ago
    Bitter lesson learned in 3... 2..

    I know Dylan Field recently posted they made the Llama's 70B model do amazing things but the AI training field is an absolute snake pit.

    But then again they have money to burn ig.

    • joefourier 1 day ago
      You've misunderstood the bitter lesson if you think it applies here. It's not "frontier LLMs are always better", it's "algorithms that scale with compute/data will usually end up surpassing algorithms that are based on human understanding".

      Fine-tuning an open-source LLM with reinforcement learning in order for it to be better at a specific task does not go against the bitter lesson at all.

      • preommr 21 hours ago
        > You've misunderstood the bitter lesson if you think it applies here.

        That's fair because I am stretching it.

        I think there's AI companies that understand and scale AI. Then there's the rest that are doing a modern version of writing domain specific knowledge using skills, and maybe a large collection of their own data.

        Maybe these focused models outperform in their own niche similar to how hand-written rules outperformed in their own niches. But long-term, they get outpaced quickly by generalized approaches.

  • JulianPaul 1 day ago
    How will Figma outlive Claude Design or any LLM-based design tool in the next 2 years... I really do wonder
    • jr3592 1 day ago
      I've been using diffui.ai now for 3 different production grade applications, and haven't looked back. It's missing some features but its ability to actually make designs that look pretty good and plug straight into a coding model is unparalleled in my experience so far.
      • jjcm 15 hours ago
        > It's missing some features

        Hit me with that feedback! Also thank you for the kind words.

        -diffui creator

        • jr3592 4 hours ago
          Thanks for taking the feedback. Some of these things might be user error. In general, loving your app and definitely willing (and have) payed for it!

          - If using a mouse without a side scroll wheel, how do I navigate the grid? I may have 20+ screens defined, and want to be able to grab an empty space in the grid and drag my way around. A mouse with side scroll solves this, because the main mouse wheel goes up and down. But without a side scroll mouse, I really cannot navigate.

          - There's a ZOOM IN icon, but no ZOOM OUT icon in the left panel.

          - I'd like an cleaner way to provide an existing design, or page, and get a new version. Yes, this is currently possible but the way you do this is (IMO) cludgy. I have to take a PNG, drag and drop it into the grid, then create a new empty prompt, then drag the output of the PNG into the input of the empty prompt. Then I reference the image with natural language "the image I've attached" ... but it'd be nice if at the very least, the prompt window gave me a way to reference the image, or some visual indicator that it sees it. If there's some better way to do this (create a new screen off of existing ones) please let me know.

          - Performance. I have one screen that has like 40+ generated routes. The entire app. Its awesome but, it really starts to lag my M5 pro.

          - Add some way to set the brand for an entire screen? Maybe I'm using this incorrectly but, every time I create a new prompt, I have to select the brand. I'm never cross pollinating brands so it seems like I should be able to set the brand ONCE on a grid, and any prompts started there use that brand?

          - Maybe add some suggestions to help users generate different styles of designs? IDK maybe its just me but I've used this now across many different apps and the designs look great but, I'd love suggestions on how to improve them or mix it up. Sometimes I just find myself saying things like "make it modern and really awesome" but I know that's not the right term. There's industry standard terms, ideas, and directions for apps to be made in (for instance, retro pixelated) and it'd be cool to see suggestions somehow implemented. Not entirely sure how but, I could see it being very helpful?

          - I see you recently added Teams. This was a big blocker at my workplace that I had to fight to get through. We need OKTA integration so that this can be added as an app which we login to through OKTA. At the moment I have a single account which is very non-standard for us, but your app is so good I pushed it through to get access on an individual basis.

          • jjcm 1 hour ago
            > If using a mouse without a side scroll wheel, how do I navigate the grid?

            Three ways. 1. Hold space and left click pan. 2. Press H to select the hand tool to navigate around the canvas. 3. Press "N" or "Shift+N" to focus the next/previous node (carry over hotkey from figma).

            > There's a zoom in icon, but no zoom out icon in the left panel

            Right click to zoom out, or shift+click.

            > I'd like an cleaner way to provide an existing design, or page, and get a new version.

            Totally hear ya on this one, I'm still working on a more fluid "redesign" flow. One note - you can @mention referenced elements. IE say "Redesign @webapp into dark mode". It'll bring up a selector when you press @ that lets you select imported nodes.

            > Performance. I have one screen that has like 40+ generated routes.

            Would you mind sharing the file with me? Top right share button, add j@diffui.ai. I'll take a look.

            > Add some way to set the brand for an entire screen?

            Good call. I'll make it so the brand selector maintains the previously selected brand, if there is one. Should be live in a couple hours.

            > Maybe add some suggestions to help users generate different styles of designs?

            I defo need to do this more, since you aren't the first user to mention that they don't necessarily have the language to convey a style they want. One thing that might help here is the shuffle appearance feature (open the brand dropdown, select randomize style). It'll inject some entropy which will let you window shop styles. I need to make a flow though that actually teaches the users the right terminology. Lemme think on this.

            > - I see you recently added Teams. This was a big blocker at my workplace that I had to fight to get through. We need OKTA integration so that this can be added as an app which we login to through OKTA. At the moment I have a single account which is very non-standard for us, but your app is so good I pushed it through to get access on an individual basis.

            Noted. Will work on this, but this will take a bit longer to get through. One note is it's very likely I'll have this as an enterprise-only option (eg the highest price tier). I am about to redo those pricing tiers however, so enterprise will be cheaper per image.

    • dominotw 1 day ago
      figma is a llm based design tool
  • tkdb 1 day ago
    I'm always surprised when my pro-figma sentiment is met with cries of "fanboy!"

    Figma has consistently done better than most at nailing the UX. Maybe I'm enough of a generalist that it always feels great to me, and super specialists lament the lack of their super special needs being met (genuinely, a valid gripe for the specialists).

    I've tinkered with Figma AI, and it's just good enough to keep me tinkering. It's not creating magic yet, and it's certainly not outpacing claude design to the point where I always pick figma.

    I am enthusiastically optimistic that Figma will push the UX on agentic design to where I come to figma every day again.

  • YuechenLi 1 day ago
    So... I'm not quite sure why I would use this over using GPT/Claude/Gemini directly for design?

    Bitter lesson, etc, and training an entire VLM to prevent text overlap seems a bit much, especially since GPT 6.* /Claude 5.*'s vision are good enough that it rarely ever happens for me, and if they do make a mistake, it's generally a 5 minute fix?

    • patchorang 1 day ago
      I work as a product designer, and your right, mostly people aren't using Figma's AI products (at least in my circles). 80% of my time is spend in Claude Code/Design. 20% in Figma doing manual work when I really need to explore things and spec out in detail.

      Figma's current AI Agent is essentially useless, especially when compared to these other tools. Not sure what effect the work in this post will have, but even if it's great I feel that designers have already left Figma and are working elsewhere.

      • Hoasi 23 hours ago
        > I work as a product designer, and your right, mostly people aren't using Figma's AI products

        Yeah, no surprise there.

  • sebazzz 1 day ago
    The Figma MCP is so bad, it is almost unusable. Letting the calling AI write some javascript to implement a design?
  • swid 1 day ago
    Totally agree with bitter lesson problems here. It’s clear one of the next things taking off right now is the ability to understand and use graphical UIs. I bet they could find some way to get OpenAI to specifically train on Figma, it’s a good use case on both sides. They might do it anyway I guess.
  • gosen 1 day ago
    I'm curious if they'll make this model to be a bit more creative than existing models. I know it's weird to ask for creativity in such case, but I'm already a bit annoyed that Opus 5.5 or Sol or whatever else is quite good at creating clean / consistent but soulless designs. In order to get something really out-of-template it needs a lot of iterations and preps. Or maybe I'm just bad at UX/UI design and my AI setup feels that :D
    • mattdeboard 1 day ago
      There's an unavoidable reason why they create soulless designs
      • gosen 15 hours ago
        ahh, I need to add SOUL.md I guess :D but I agree, it will always has a limit
  • salviati 11 hours ago
    This really looks like too little, too late.

    I just heard this from our designer today:

    > After seven years, I've now cancelled my Figma subscriptions.

  • Garlef 15 hours ago
    For webdesign:

    Why would you need an agent for figma if you can just tell an agent to create HTML+CSS directly?

    (real question: what workflows does this support? is the sharable links to something in the cloud?)

  • gherkinnn 14 hours ago
    All for it. I can't get used to Claude Design building HTML and would prefer a robot drawing rectangles for me.
  • pardeeplogisch 18 hours ago
    How does training an AI model to understand Figma's editing workflows help it make precise design changes while preserving the original layout and component structure?
  • rad_val 21 hours ago
    Ok, so, how is Figma still relevant today when agents can write any design in HTML?

    Easier to maintain, scale, and can use most of the components of the design system directly if you're doing web.

  • gman83 1 day ago
    I moved to OpenPencil after they nerfed the MCP server for free accounts.
  • hugodan 14 hours ago
    meanwhile Sketch still has an open format and collaborative features that allow you to edit at the same time as your friendly LLM.

    Open formats are the clear winner in the age of LLMs.

  • yieldcrv 1 day ago
    Figma, Adobe, Canva all have huuuuge editing model practices that they are licensing to their existing enterprise clients

    Its surprising to me that the market is still stuck on SaaSpocalypse not noticing that these companies have pivoted hard in an impressive and revenue generating way

    Its to the point where their consumer facing products are a sideshow and distraction, but thats what people are familiar

    They’re selling tokens just line all AI forms, with huge enterprise commitment payments up front

    • GenerWork 1 day ago
      >Its surprising to me that the market is still stuck on SaaSpocalypse not noticing that these companies have pivoted hard in an impressive and revenue generating way

      The cost of Figmas tokens was a frequent source of consternation at my prior engagement, and this was with a company that gave anybody $750/mo in Cursor credits if they asked nicely and filled out a form. Figma is also facing competition from Claude Design as well as other design tools that have a much cheaper price per seat, and allow you to BYOM. I wouldn't be surprised to see enterprises support a design tool switch if a lead showed how much money the company would save by switching away from Figma to something else.

      • yieldcrv 23 hours ago
        From being on the other side of the table and seeing many of their clients, I’m seeing clients still pay the upfront engagement.

        Claude Design isn’t going to change a corporation’s workflow, an individual contributor isn’t going to cause a workflow change in their own department and especially not another department. Management operates their department in a silo. The outside consultancy driving the executive’s desired AI transformation will. Figma/Adobe/Canva are operating there, and not just coming in with their own software. They just steer things in the direction of also burning tokens.

        They’re doing workflow automations not really so vendor locked.

  • GenerWork 1 day ago
    I'm honestly not sure what took them so long. They've had Figma Make out for about a year/a bit more than a year at this point. Make can call OpenAI, Anthropic, and Google models, and I have no doubt that all those companies structured a deal in a way that lets them view what users are requesting, rejecting, editing, etc and train their models on that information.
    • sullivanmatt 16 hours ago
      Figma, like most enterprise-grade apps, do zero training / zero data retention with their inference providers.
  • jmyeet 11 hours ago
    I don't know how Figma survives AI. In a world where a relatively small sum of money can let anyone clone the entire Adobe suite, how will companies like Figma survive?

    Any kind of AI editing can (and will) be rolled into any number of other models.

    The irony is that Adobe tried to buy Figma and I'm sure that would've been a good exit for the Figma founders and maybe the employees too and that was called off over antitrust issues.

  • ralusek 22 hours ago
    1.) They should have been doing this 3 years ago

    2.) You can use any agent with Figma

    3.) You can use any agent with not-Figma

    I used to really respect Figma's engineering team and have been blown away by the degree to which they've dropped the ball with AI.

    All they need is to expose their existing API very well over MCP and give a "screenshot" feature agents can utilize and the agents are good to go.

  • pyinstallwoes 22 hours ago
    Comparing it to sol medium isn’t that great. Opus 5.5 med, or even xhigh is on another level. It works great with pen.dev. They’re doing amazing work!
  • vcryan 1 day ago
    With the ability of models to generate design-system aligned interactive prototypes in HTML/Tailwind... there really isn't a purpose for Figma. I use to love it - now I don't touch it. It doesn't really help my process to have not-HTML to work with. Maybe for mobile apps?
  • heliosAtwork 3 days ago
    they need to use nemotron for true sovereignty and stop paying the tax (just like salesforce and servicenow)
  • VoodooJuJu 21 hours ago
    [dead]