/g/ - Technology

Board dedicated to discussions related to everyday Technology!

Going back to BasicsAs we discussed and shared earlier, I am going bac...
Social Media Crossposts Policy and Threads on /b/ Since anons bring up this issue repeatedly, let's ...
Update on Threads which were deleted between 12 DeAs you guys know that certain threads were randoml...
[View Noticeboard]
0/4000

BharatChan Disclaimer

Notice

Before proceeding, please read and understand the following:

1. BharatChan is a user-generated content platform. The site owners do not claim responsibility for posts made by users.

2. By accessing this website, you acknowledge that content may not be suitable for all audiences.

3. You must follow BharatChan’s community guidelines and rules. Failure to do so may result in a ban.

4. By using BharatChan users agree to the use of cookies, mostly for session related to user.

A poster on BharatChan must abide by the following rules:

Sitewide Rules
You must be 18 or older to post.
Sharing personal details or engaging in doxing is strictly prohibited.
Political discussions should be confined to /pol/.
Off-topic discussions, thread derailment, or spam may result in a ban and IP blacklist.
Pornographic content is strictly prohibited.
Any activity violating local laws is not allowed.
If you are not an Indian, you can only post in /int/. Or create and account and ask for approval to post in other boards.
Acknowledge

Gemini+Figma for UI

Duck

IN

abXQRY

03/11/25 (Mon) 18:36| Last Reply: 3 months 19 days ago

No.2660

zy3chcbmbu.jpg
zy3chcbmbu.jpg (29.99 KB)

You can ask gemini to directly access and code your figma designs for free, with a figma MCP server.

>Get a gemini api token(free atleast for the flash model)

>Get your figma token

>Install the gemini cli with npm

>Install and run any figma mcp server, I am using this one

https://github.com/GLips/Figma-Context-MCP

>Connect the MCP server in gemini cli config

something like

[code]

{

"mcpServers": {

"figma-local": {

"httpUrl": "http://localhost:3001/mcp"

}

}

}

[\code]

Now you can run gemini mcp list to check if it is connected.

Now just cd into your project, ask gemini to create a UI with file id(of your figma design) with for example react and add --dir in the end and it will make it for you

Duck

IN

abXQRY

03/11/25 (Mon) 18:40

No.2661

I have only tried this with one design but it seems to work pretty well. Images don't work in the free tier of figma but that's fine.

I asked it to write it in react inside my nextJS project and it was pretty good, only had to make few changes

Anonymous

IN

ijLHu6

03/11/25 (Mon) 18:43

No.2662

>>2660(OP)

Thanks but llm design is always slop

Duck

IN

abXQRY

03/11/25 (Mon) 18:43

No.2663

>>2662

>llm design

It's your design that it will make

Anonymous

IN

ijLHu6

03/11/25 (Mon) 18:44

No.2664

>>2663

Shit I read it in reverse i thought you were using llm to design figma ui

Active Users in /g/: N/A