Live data from Hacker News

Show HN: Figma-use – CLI to control Figma for AI agents

github.com

11–20 of 40 posts

Re: Show HN: Figma-use – CLI to control Figma for AI agents

#13
post #10

I'm curious to understand more about your use case. I've been working on getting fellow designers out of Figma since it's easier to express intent in code now using LLMs.

Not OP, but my interest in Figma is that when a human designer needs to take over, UI/UX designers know Figma.

Re: Show HN: Figma-use – CLI to control Figma for AI agents

#17
post #10

I'm curious to understand more about your use case. I've been working on getting fellow designers out of Figma since it's easier to express intent in code now using LLMs.

I still have a lot of assets living in Figma, and for some things it’s simply faster to prototype there before moving to code.

Personally, I’d really like to automate part of the workflow around exporting from Figma and assembling a design system into components — right now there’s just too much manual work involved.

Re: Show HN: Figma-use – CLI to control Figma for AI agents

#18
post #10

I'm curious to understand more about your use case. I've been working on getting fellow designers out of Figma since it's easier to express intent in code now using LLMs.

Not OP, but my interest in Figma is that when a human designer needs to take over, UI/UX designers know Figma.

Yeah, agreed.

Re: Show HN: Figma-use – CLI to control Figma for AI agents

#19
post #5

I can attest that ai agent executing cli binaries is better than use of an mcp, just because of the limitations of mcp, also figma mcp requires a pro license. Does the figma cli require a pro license as well ?

I don’t think so. This CLI mostly relies on the plugin API, which is free.

Re: Show HN: Figma-use – CLI to control Figma for AI agents

#20

Nice work! How does it do applying styles from an existing codebase? We have style guides, strong base css, etc. If that was represented when it built in Figma, that could be interesting.

Thanks! Right now it doesn't parse CSS directly, but you can bind colors to Figma variables:

  figma-use variable create "brand/primary" --collection  --type COLOR --value "#3B82F6"
Then reference them in JSX render:

  figma-use render ./Button.figma.tsx

  const colors = defineVars({
    primary: { name: 'brand/primary', value: '#3B82F6' },
  })

  export default () => (
    
      Button
    
  )
So if you map your design tokens to Figma variables first, components will reference them. Parsing CSS/Tailwind configs automatically could be a good feature though.
Post reply on HN