π¨ Our Design Process at FFP
From wireframes to interactive prototypes, we create intuitive, user-focused experiences through collaboration, strategy, and innovation. Your vision guides every step of the journey.
#UIDesign #UXDesign #AppDesign
10
I started down that road two months ago and its worked pretty well. for me, I do this:
1) I make golden path wireframes
2) swing them into grok and have it flesh out the various cases I need (form failed, validations, alternative views, etc...). Have it write a handoff doc outlining all the screen states i need
3) Give that doc to Claude desktop design to apply the project look and feel
4) copy those out to figma (I like laying everything out there so I can see all the variations and hierarchy)
5) Write up a handoff doc for Claude outlining the feature, exceptions, golden path, known issues and wireframes.
6) use Fable (or opus 4.8) to write user stories and tasks ONLY. I have the planning agent go through everything I gave and I spend 1-2 hours questioning it about everything it found, planning the changes, anticipating things like race conditions, planning out how to test it.... The end product is a series of user stories and tasks fit for the appropriate repo. I direct it to make sure everything is fleshed out enough so that Sonnet can do the coding.
7) switch to sonnet and let it go coding everything, each story becomes a commit.
8) After it's done I switch back to fable and have it run a graphical audit and fix against the screens first (because sonnet sucks at visual fidelity). Then I have fable/opus run full code review.
9) after I review the code and have it explain anything that looks weird, then deploy everything...
1
82
Young Billionaire ππ° retweeted
Most people only see the final screen.
They don't see the wireframes, rejected ideas, user interviews, feedback sessions, and countless tiny decisions that shape the final product.
This piece is a reminder that great design isn't born perfect. It's refined through research, testing, mistakes, and iteration.
#DesignIsChanging @cardtonic
ALT Polished dashboard UI surrounded by sketches, feedback, and design iterations.
3
4
34
Cool do u have a dedicated color style for your wireframes?
1
18
The design is dope, but it might not fit this particular client. Do you start directly with high-fidelity designs? I usually begin with wireframes, stylescapes, and explorations. This always works because it helps me understand what the client likes and dislikes.
1
115
The best designers in 2026 won't be replaced by AI.
They'll be amplified by it.
My current AI stack for faster:
β Research
β Wireframes
β UI Design
β Design-to-Code
1. Anima AI
2. Relume AI
3. Figma AI
4. Galileo AI
5. Uizard
What's missing from the list? π
#AI #UXDesign #ProductDesign #Startup #SaaS #DesignTools
2
18
running notes, diagrams, wireframes, process maps.
I'll try out goodnotes!
19
Just wrapped up a productive morning sync with the design team β new project wireframes look sharp, canβt wait to iterate on them this afternoon!
TechCrush.pro retweeted
Jun 11
Day 7 - A snipet of my Capstone Project
I contributed by sketching the mid-fidelity wireframes together with my group lead and designing the desktop screens. It was a true team effort, and I'm proud of what we built together.
@TechCrushHQ @JoshOpaleke @Meedayyy
#Tech4Africans
1
1
16
247
Designing UI in @stages_ai to have claude, codex or even Figma, create the wireframes is easy as hell now. It's awesome. π₯
8
329
15h
@grok replace model in the viewport with another nice looking organic 3d shape (wireframes on)
1
21
16h
@grok change this part visible in the viewport into mechanical component of the starship rocket with wireframes on
1
20
