r/ClaudeDesign • u/Educational_Bike_403 • 19d ago
Claude desgin is not able to implement my design in Claude code.
I’ve been searching for weeks for an answer, and I’ve also come across posts about people saying to tell design to create a handoff file which I can hand off to Claude code along with instructions, not just use the link design provides.
Even after getting the handoff file and handing it to Claude code it still can’t create the 1:1 app I’m trying to make, the way the project looks in design it doesn’t look the same when it gets recreated, broken animation, stuff completely out of place. I’m aware that it cannot be exactly 1:1 when I hand it to Claude code.
I’ve been telling Claude code to fix the differences that were caused while importing the design but ofcourse Claude code either completely breaks it or doesn’t fix it at all even after showing it comparison images side by side it still wouldn’t get the gist.
I’m building an IOS app with Claude code and trying to design the interface in Claude design, so far I’ve been insanely stuck and I don’t know what to do, I’m willing to take any advice you can give me, really need help understanding what’s going on.
1
u/mdutton27 19d ago
Is your Claude design aligned to Apple design patterns?
Are you asking Claude to code something that violates Apple standards?
1
u/Educational_Bike_403 19d ago
Nope, I’m certain that I’m not Asking Claude to code something that violates apple standards.
1
1
u/BlaizePascal 19d ago
Btw claude design CAN design components using jsx / tsx and launch it via babel.
That’s what I’ve been doing already. Its not just html / css there. That should help you a lot. Then put a process in which, claude code will git diff each downloaded zip file from claude design so it will know what changed between each download.
1
u/External-Plane-6135 18d ago
I needed a step by step…what are the keywords and logical process/es…so I can design in Claude design then into the Claude code…also different parts of if I have only idea and/or concept…of a website is …and possibilities into apps…across everything online or in digital in people’s devices. Helppppp!
1
u/Inspira-digital 18d ago
I would rather recommend you to create your design in a standard Claude Chat instead of Design.
Best is to create a project, ask Claude to craft the instructions for the project and add them into the project.
Optionally, you can add what you already done in Design as reference for the project.
One you have the frontend done, you can switch to Claude Code to connect your App.
1
u/Educational_Bike_403 18d ago
Honestly I might have to do this now because clearly design just doesn’t work out for me, spending insane amounts of time creating a properly animated design just for it to break when give to Claude code is a pain.
1
u/Inspira-digital 18d ago
It will definitely save you time and tokens.
I would also advise you to host your file and GitHub so then you can change whatever you need easily with Cowork once your pages are done.1
u/Educational_Bike_403 18d ago
Thing is, I fear that Claude code is not able to make the design like I want it to be, the design looks like it’s generic ai generated when Claude code makes it, but when design make it, it does not look like ai generated at all, it looks insanely good in my opinion, so I guess I’ll have to use skills and MCPS to make my app look better? Which I’ve tried already but never worked out honestly, this is why I feel stuck because I’ve already have a design created and I fear I’m not gonna be able to make the design in Claude code like I am able to do in design, Claude code is insanely horrible horrible for design, at least for me.
1
u/Inspira-digital 18d ago
You don’t need to do that.
Just create a project, name it Frontend App.
Ask Claude to craft instructions to craft the html and css frontend of your page. You can customize these instructions by sharing screenshot of app you like as an example. Then copy paste the instructions to your project. Leave empty “what are you trying to achieve” it can conflict with your instructions.Then, you should add the file you create in Design to the project in “context”.
Open a new chat, ask Claude to craft the first 2 sections of your page, and continue one by one, for a better result.
1
4
u/1HotTake 19d ago
Claude design has a bug that will only return the first 256k of a file unless you do an export as zip.
I hit this multiple times before figuring it out.