Figma introduces ‘vibe-coding’ AI tool design function

Design tool startup Figma on Wednesday debuted a man-made intelligence function to automate the method of creating web sites and packages.

The new function, known as Figma Make, is the corporate’s reaction to the upward thrust of “vibe-coding” equipment, which flip a brief written description into the supply code vital for a web site.

Google and Microsoft have each touted their very own “vibe-coding” equipment this yr. OpenAI has additionally entered the distance, preserving acquisition talks with one startup within the area, Windsurf, and attaining out to some other known as Cursor on more than one events, CNBC reported.

The transfer would possibly draw further industry to Figma, which confidentially filed for an preliminary public providing remaining month.

Many of these days’s “vibe-coding” merchandise be offering a loose tier for mild use prior to soliciting for cost. Figma Make will handiest be to be had to these with complete seats that get started at $16 in keeping with particular person monthly when bought every year. The corporate is beta-testing the function with the ones customers.

People with top rate subscriptions most probably paintings for corporations that retailer font sizes, colour combos and different design property in Figma. Over time, the brand new function will be capable of create designs that adhere to these design techniques.

Figma’s new instrument depends on Anthropic’s Claude 3.7 Sonnet AI style. For those that do not need to get started from scratch, Figma Make can then again settle for Figma design information as an enter and generate code that approximates them. Third-party merchandise similar to Vercel’s v0 and StackBlitz’s Bolt.new be offering an identical capacity however cannot inherit present design techniques.

Like many different “vibe-coding” methods, Figma Make items a talk field to invite for and obtain changes of drafts it comes up with. But occasionally a easy repair similar to a font trade is all that is vital. Drop-down menus for explicit parts permit for fast alterations, that means that there is not any wish to seek the advice of the AI style once more and look forward to a reaction.

Customers who won early get admission to to Figma Make were given it to craft video video games, a note-taking app and a customized calendar, a spokesperson mentioned.

That doesn’t suggest there is not any position for designers inside of firms with the arrival of AI.

“The more time has gone on, the more that I’m confident in a designer’s role — and believe that it’s going to be one of the critical roles in bulding software in the future,” Dylan Field, Figma’s co-founder and CEO, mentioned in dialog not too long ago with Garry Tan, president and CEO of Silicon Valley startup accelerator Y Combinator.

Also on Wednesday, Figma mentioned it was once starting to take a look at Figma Sites, some other function that calls for complete seats. It can convert designs into running web sites. Support for AI code era will practice in the following few weeks, Figma mentioned.

WATCH: The upward push of AI ‘vibe coding’