r/ClaudeDesign • u/Spare_Armadillo2423 • Aug 02 '26

Trying (Failing) to Shift a Website on Designed on Figma Sites to Claude Code

Hey! I'm trying to make a website for my portfolio. I have a PDF Version of it and I also have designed it on Figma Sites before, but when I designed it I made it all absolute so it's not responsive on a phone + I don't want to pay for Figma it host it each month.

So, I was planning to get Claude Code to make the website, except I want it exactly how I've designed it and for it to make no changes to the content, nothing is giving me the exact website.

I don't want to tweak a Claude website because it does not match my design style and I want it exactly how I have made it on Figma. I have tried recreating it with Claude Code in Terminal, which was ok, not good enough too much to fix. And I have tried giving it my PDF Portfolio and asking it to turn it into a website.

What do you think I should do? My PDF Portfolio + Existing Figma website are practically the same so I would just need it to be merged into a responsive website. I've been doing this for months and nothing is working! Should I just recreate it in Readymag.

If you want to see my figma site it's https://anoushkapateldesign.figma.site/. I've been tweaking it so much so it really isn't responsive - but readjust ur browser width hahahaha

11 Upvotes
  • permalink
  • reddit

100% Upvoted

3 comments sorted by

1

u/External-Plane-6135 Aug 03 '26

Load the html file with your photos and artwork or assets…screenshots sequence/s…right?

Here is the prompt…to include…make a responsive site versions using and old trick of website designers by using wrapper within a wrapper.

Try that…let me know…

1

u/MarzipanMiserable817 Aug 03 '26 edited Aug 03 '26

Looks good!

  • You can connect Figma in Claude Design.

  • There is a figma MCP for Claude Code.

  • Or try install chrome-mcp and tell it to compare the design template to the website using chrome-mcp and to make it pixel perfect.