Activity
Mon
Wed
Fri
Sun
Aug
Sep
Oct
Nov
Dec
Jan
Feb
Mar
Apr
May
Jun
Jul
What is this?
Less
More

Memberships

AI Web Design Academy

154 members • Free

Clief Notes

42.3k members • Free

AI First Designer School

1.8k members • $249

11 contributions to Clief Notes
I built my first product with Claude this week.
I've been playing around with Claude for a while, optimising workflows, supercharging a recent discovery sprint. But this week I actually shipped something. A simple idea capture tool for Mac. I used to use Things 3, and whilst the app structure never quite worked for me, I loved the quick capture feature. Keyboard shortcut, text input, thought saved. I've tried everything since: Apple Shortcuts to Reminders, Quick Notes, third-party apps. Nothing matched how I actually work. So I built my own. It's written in Swift, a language I've never touched before. I've been following development best practices as far as I remember them, pushing to a GitHub repo, branching for new features. Notes save as JSON that my ICM workspace can action, The whole thing was built with Claude. I haven't thought about anything else all weekend.
 Scope creep is real. It now has optional task types, a menu bar drop down with sync status, a live list of recent captures, inline editing, tagging. I drafted the initial design in Figma, then went back and forth between VS Code and Figma, designing where I needed to, tweaking code where I needed to. As a designer, syntax was always the wall between having an idea and building it. But working in a real codebase, you're closer to the actual product. It allows a level of finesse you can't achieve in Figma. Refining a micro interaction, adjusting an animation timing, polishing subtle UI details. I am very excited to make progress with my ICM workspace build out, lots of product ideas to be built!
I built my first product with Claude this week.
1 like • 7d
@Ralf Mbfy Legend - good to know
0 likes • 2d
@Patrice Roatan Quebecois The initial intention for the capture tool is purely capturing an idea quickly, its stores it as JSON in a folder on my machine (which syncs to github - so I can access it on my other machine). As of now, Claude doesn't automatically action any of the ideas, but that is where I would like to get it to. You bring up some real challenges for me to address during the build, not just the happy path, but all the error and validation needed to make this work well for the user. I am hoping that if I give my ICM workspace enough context and guardrails, certain workflows could become mostly automated, but there will always be particular stages where it will need a human in the loop. Some small features I introduced to help funnel the idea to the right place, is tagging which allows me to tag something, like a project for example, and there's also task type for further context.
🏁 Foundations 3.1 Check-In
You just watched the full 23-minute folder architecture walkthrough. Vote below, then drop your use case in the comments. What are you building this system around?
Poll
956 members have voted
0 likes • 6d
@Carla Bosteder 😂 You are forgiven! My current pre AI process would be to present the finding and recommendations to the client, get sign off then crack on with the design planning phase, starting with lofis, where we focus on rough layout, rough content, and hierarchy. then on visual design conceptualisation, bringing in the brand, colours typography, interactions, and prototyping, then dev hand off/collab. But now with AI involved in the process I think time spent on some of these can be condensed, but still working out where would be best, and what still needs the human touch! I do see the ability to be able to take something from the design phase to full build with out a developer is now on the cards, Very keen to bring that in to the offer.
1 like • 6d
@Carla Bosteder Most of the discovery stuff, I'm excited about automating the object mapping, its an information architecture activity where you work out the things that make up the system, it help everyone on the project get on the same page, in what each object is, what it does, how it relates to other objects, I have a pretty well defined process for this which is prime for automation. In addition to that, I have used AI to do competitor research, content inventory, UX audits so it will just be a case of formalising the SOP for a pipeline, and then chaining them together. I think once the visual design is done, automating the transition to development would be next.
🏁 Foundations 2.4 Check-In
You just learned the book, movie, video game framework. Vote below, then tell us in the comments: name one thing in your work that you now realize is on the wrong layer.
Poll
722 members have voted
0 likes • 6d
@Carla Bosteder Yes I plan to get building some of my own products! Trying to get my head fully into the ICM workspace first. What are you working on?
1 like • 6d
@Carla Bosteder That's the only issue, there are too many ideas to work on! but looks like you are diving in head first, I just gave your ICM simulator a go, very good - I love an interactive tool for learning!
New to ICM? Get hands on learning experience here
Step-by-step interactive guide from idea to output. Design an ICM workflow alongside Maya, one decision at a time, and watch a messy process become something an AI can run again and again. Right now, Maya has to try to remember what needs to be done and where each piece of information is kept. She needs a better solution. https://claude.ai/public/artifacts/7c9618f4-8324-4048-902c-cbcf77c9c102 Let’s build one with her. 😀
New to ICM? Get hands on learning experience here
2 likes • 6d
This interactive tool is a great way to understand the basics of a pipeline without building your own!
Claude Design/Open Design Component Conversion
I hope some members here have some UI design experience and have run into this issue before. So I use Claude Design and Open Design to create layouts for the web apps I build. Both tools generally design the interfaces with React Components. All cool, I use these as prototypes. The problem is I do not use React in my projects so I need to convert these designs to my stack. And this is were I run into a problem. No matter what I do during the conversion the designs are approximated and are not the same design by a long shot. I am stuck. If I can't figure out the prompts to make this work I cannot setup a ICM system to make this work reliably. My experience is literally the reference design is just a suggestion and not a source of truth no matter what prompts I use. This is the same for Codex and Claude Code. How do I fix this process? Anyone has encountered this before?
0 likes • 9d
@Leonard Dauksza That makes sense, I still need to experiment with Claude design, so far I’ve just been using claude to pull things in from Figma, as thats where I'm most comfortable designing.
1 like • 9d
@Leonard Dauksza That's fair enough, To be honest I haven't been using the AI much for generation, mostly for repetitive tasks like filling in content for tables and things like that, using their new agents.
1-10 of 11
Jay Price
3
33points to level up
@jay-price-6241
Senior UX designer

Active 4h ago
Joined Mar 26, 2026
Powered by