logoalt Hacker News

ramon156today at 11:59 AM2 repliesview on HN

I'll be the boogeyman, how does this compare to Figma's AI Design tool? I've had an easy experience with it, although it's just a GPT wrapper.


Replies

SirHoundtoday at 12:06 PM

With Figma Make, that's essentially doing the same thing as your agent, just with a visual sandbox. i.e building something from scratch.

CSS Studio leverages your existing agent - so it assumes you've already done this part. Where this comes in is when you want to design not just using chat (although it does also support chat). Drawing new elements, visual style controls, inline content editing, animation timeline editor and preview. Then once you're done you can send those changes to your agent with a click (or turn on auto-apply)

It does have some similarities with Figma's Code Layers in that you can draw a new element on the page, click chat, and tell the agent to generate x inside.

steve-atx-7600today at 12:51 PM

I get a lot out of giving Claude screenshots of a baseline of what I want and describing how my goal design differs from it. Output is a single page apps where that I can use for high fidelity prototypes. Then, I have Claude implement the final version of this iteration into our product single page app repo (following existing patterns we’ve established for long term maintenance). For more throwaway code (maintenance not important, mostly static content), our marketing team is able to do this to create content that they put into webflow.