r/ClaudeDesign

I've been testing Fable in Claude Design and want to push it (before it disappears again).

If there's one realworld design task you'd like to see tested, add it below. It could be something Fable should excel at or something it might struggle with (open to all ideas).

One suggestion per comment if possible 🙏🏻. I'll work through as many as I can and share the results with the community.

I've been using Claude Design for a while now for product design, and it's already improved our workflow a lot, especially for prototypes, animations, landing pages, and quick UI explorations.

The challenge is that we're working on an established product (SaaS) with an evolving design system. I've tried giving Claude everything I can think of to generate an accurate design system: a DESIGN.md, screenshots, Figma files, SVG icons, and even our code repository.

But then, even with an accurate CD design system, the results of every project while they look very close to our design system, if you look closely, the spacing, sizing, colors and componentes are slightly different. Those inconsistencies quickly become a nightmare for developers because they don't match the actual components and design tokens.

Has anyone found a reliable workflow to make Claude Design consistently use existing components and design tokens? Or is the better approach to use Claude connected to the repository together with the Figma MCP, and use Claude Design mainly for exploration?

Thaaaanks!

Hey guys,

Just got Claude Pro today. Finally.

Thing is, I've got like 5 different things I need to design:

- Landing page for my ICT Vault project

- Mobile app UIs

- A dashboard

- Regular websites

- And somehow learn Claude Design on top of that

I keep finding cool GitHub repos, UI libraries, MCP servers, component collections — and I know most of them are probably useful, but I also know myself. I'll click one link, then another, then another, and suddenly I've burned half my weekly usage watching tutorial #12 and still haven't shipped anything.

What I actually want to know:

1. If you could go back to day one, what's the ONE thing you'd focus on first?

2. Which repos/resources actually saved you time vs just looked impressive in a README?

3. Any tips on Claude Design specifically? I don't want to burn 50% of my quota figuring out why it keeps making text too small and spacing weird.

4. How do you handle designing a landing page + app + dashboard without rebuilding everything from scratch each time? Design system? Templates? Copy-paste?

I'm not a designer. I can tell good design from bad design, but making good design happen is a different story. Would love to hear what actually worked for real people, not the "5 tips to supercharge your workflow" blogspam.

Thanks.

I’m good with the logic flow of Home Assistant utilizing Claude sometimes my strength doesn’t lie in the UI/UX of the design. What’s the best way to create prompts for Claude design to build a better UX for my Home Assistant control system?

I have tried different browsers, devices, and users, but Claude Design seems to be down. This has been the case for the past couple of hours. Very unfortunate timing for me personally, as I have a full slide deck stuck in Claude Design.

I’ve noticed a big trend in people creating websites for local businesses and selling it to them as a hussle, which I respect to a certain degree, my issue is a lot of these websites are slop and I was honestly considering getting into that sort of business myself but I do not want to be giving people websites that are AI slop, does anyone have any skills or advice on making websites with Claude?

Or even for day to day use, I understand that AI will be a big part of every business in the future and would like to learn as much as possible.

Thanks

I get a blank window on the desktop app and browser. Nothing loads. I've done all the things like clearing cache, restarting, logging out, incognito, disabling extensions... nothing seems to fix it. Other claude stuff like chat, cowork, code all work. But design won't (and this is happening across multiple accounts i have... i'm a contractor).

I'm at my wits end. any ideas?

Hi!

I would like to export the website I've built in Claude Design to Wordpress. What would be the best way to do this? Just pasting everything into a html block doesn't make sense for the future for maintenance. I would like to have blocks built.

Is there any way to do this automatically, so I don't have to do it by hand?

Thanks

In our organization, we've recently started building our own applications instead of relying on third-party services. We already have an existing customer base.

Our current workflow is simple: I research the feature, use Claude to create the UI/UX, user flows, emails, and supporting documentation, then hand everything over to the developers. They use Claude Code to implement the feature, iterate on it, and eventually push it to production.

One thing I've noticed is that because I use Claude to design all of our applications, many of them end up looking quite similar. It's not a major concern, but I'd like to explore a better approach.

Are there any online platforms where I can download or purchase complete design systems, feed them into Claude, and then build features on top of that design language? My goal is to have a unique design system for each product so every application has its own identity while still maintaining consistency within that product.

I don't mind paying for a high-quality design system, although I'd prefer free options initially so I can experiment before investing.

Any recommendations?

For context, I'm currently a Product Owner and will likely be transitioning into a Product Manager role soon.

Yesterday I released forever-components, a set of web components I made partly out of joy, because I love creating and partly out of frustration, because Claude kept using cream background, mono font and the same round buttons. The site got some incredible feedback from you guys, so thank you for the initial thoughts and motivation.

Today I have taken that a step further. After spawning a ton of agents (592 to be exact) and ever so politely asking them to use the newly defined schema to add much needed detail to every single component. They kindly obliged and in doing so they made this repo incredibly agent friendly!

This way, you (or an agent) can grab any of the components using your favourite AI model to drop them into any projects. The main goal here is twofold - 1. Reduce the number of times you get mad at Claude for producing that generic designs... again 2. Increase you creative capacity and unblock that creative rut!

As always, feedback very welcome and hope you enjoy

Just curious what everyone is building with Claude design.
Today i built a prototype with it and my client said its 10x better than what they had in mind

I want to give back to the community. So I've released the component site I've been using for inspiration and evolution of my designs.

TL;DR

Pick the component you like, click hand-off to agent and copy it into Claude design, Claude code or any other agent. Add a simple task description and watch the magic happen.

After spending countless hours, days, months with Claude we've all had the opportunity to develop almost whatever we want. Personally I've taking my websites up a notch in many ways but in terms of creativity especially. Using and finding new ways to be creative and develop ideas further. It's been maybe the most creative period I can remember.

At some point I've hit blocks and had to find inspiration from sites like https://www.awwwards.com/, https://21st.dev/ and https://magicui.design/ which are honestly all incredible sites and definitely recommend you try them out. But there was something missing and today I want to share a personal project with the community. A site I built because I want an element of randomess to my work and a place to go whenever there's a creative block. So I made a component site - forever where you can roll around the page looking at components to your heart's content.

ps. just remember not to get lost ;)

Built brand guidelines and put in one prompt for an a4 one pager on my pro account and got locked out for 5 hours.

Amazing.

Went to google stitch and managed to finish what I was doing.

Canva makes me want to scratch my eyes out its so bad.

I want to use Claude Design - can anyone point me in the right direction of how to best use it to squeeze usage out of it? Thanks!

https://reddit.com/link/1ujmbxl/video/epykxvs47eah1/player

Blinded by the project files at midnight no more. Lets go!!!!!

hi!, i am new to this field, i find claude helpful but the limit it gives seems too low. so i have seen many reels and videos on "free usage" of premium models like opus 4.8 etc...is it real?..i am a student so is there a chance that i can get those models using my student id?...or are there any real methods by which i can use claude for free?

I am probably 3-4 days away from taking my first project that I've used 'Claude Design' on and exporting it into Claude Code.

I've previously used Lovable for all of my vibe coding efforts, so I'm not entirely sure what to expect.

Besides me asking Code to "build this thing" what tips or recommendations would you have for me before I begin this process?

I've been using Sonnet to do the design work, is using Opus for the code really that different?

Thanks!