Figma to Replit Agent

Pull figma assets, css and hand it over to an agent to build UI

4 Likes

I agree with this,

Useing Figma links/ screenshots really do not work very well, If this has better synergy I could build very effectively

We have a tool for that but it doesn’t integrate with Agent nicely yet. coming soon (hopefully!) https://www.figma.com/community/plugin/1326990370920029683/figma-to-code-on-replit-react-html-css

3 Likes

I’ve tested it out but couldn’t understand if I was using it correctly.

So if i copied a figma design with with tool & made this into a repo, I would have to use the assistant only?

Can you point me to any resources/ videos of how to better use this tool?

You can use it to generate the ind. react components and copy those into your repl, or you can export the whole thing as a Repl. Currently we only let you use Agent on repls that the agent created because it has a bunch of assumptions about the project structure and tech stack it’s using (Typescript/Python, using drizzle for the db, organized as client/server using x,y,z workspace packages, etc), but that tool’s going to get integrated into Agent eventually (everyone’s busy for a big launch for new things around Agent, some of the other projects got backburnered until that launch goes out, so I’d expect a couple weeks before that figma tool gets updated to support with Agent)

2 Likes

Okay great news!

I will try exporting the whole thing as a repl & see if I can have decent control over it with the assitant, thanks for the help

1 Like