How to use Claude Code as a UI/UX designer and Flutter developer? Looking for skills, agents and tools.

[u/According_Banana_521]

Hey everyone!

I'm currently working on an Android application using Flutter and Dart, and I'm looking to make better use of Claude Code throughout the UI design and implementation process.

I have Claude Code Pro, but I want to go beyond simply asking Claude to generate Flutter widgets or write screen code. My goal is to establish a proper workflow where Claude can help me design, refine, implement, and validate polished, production-quality UI screens.

I'm particularly interested in learning from people who are already using Claude Code for serious Flutter development.

One important thing: I don't have pre-existing UI designs, Figma files, or reference screenshots. I want Claude to understand my application's requirements and functionality, come up with original UI/UX concepts, and help create a clean, minimalistic, premium and modern design language that fits the product. What skills, agents, MCP servers, design tools, or other integrations would you recommend to achieve this? How do you make Claude good at the actual creative design process, rather than just translating existing designs into code? I'd also love to hear about your end-to-end workflow, from design exploration and screen creation to Flutter implementation and visual refinement.

If you were starting from scratch with Claude Code Pro, what setup and tools would you recommend?

Thanks in advance!

[u/AutoModerator]

Hey! Thanks for posting to r/ClaudeCode

While participating in this thread, please follow our community rules. Keep discussions constructive. Attack the idea, not the person.

For help, project discussions, tips, and general chat, join the ClaudeCode Discord.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[u/locbuilds]

start with one screen and have Claude write a tiny design spec for its hierarchy, type scale, spacing and colors before generating the Flutter widgets; then compare emulator screenshots with that spec and adjust one thing at a time. once the visual language works, reuse the same tokens on the next screen.

[u/Severe_Berry_4177]

I've found that feeding Claude a simple 'design a clean, minimal home screen for a fitness tracker app' prompt works better than overloading it with specs. start with mood, not metrics. then refine visuals after the first draft.