Matt Mitchell's avatar
Matt Mitchell
PROKitchener, Canada
Product Designer & Vibe-Code Expert
9
Followers
Cover image for Today's design experiment in Figma: AI interactions. I love ...
Today's design experiment in Figma: AI interactions. I love Claude's 'quick' widget on Mac that sticks to the top tool bar/icon bar. I imagine those will start to become the norm in AI tools. No need to go to the website or even fully open the software, just open a quick widget and interact with them right away. Bonus points for every additional feature added to boost the UX - things like speech detection, connectors to your favourite apps and other AI tools. Hope you like it. Happy Sunday.
1
16
297
Cover image for Got a free month of Claude Code, and have made the most of i...
Got a free month of Claude Code, and have made the most of it. I wonder if designers would find this extension useful - let me know, I'm thinking of open-sourcing it. Currently upgrading it and trying to add a Figma plugin addition too. Essentially, it's a reverse engineering tool. Most things these days are idea to design based, but I wanted to go from production grade design understanding BACK to Figma or code. So i made a chrome extension that does that. I select any page element on any site and I get all sorts of outputs: - svg wireframe with Figma recreation instructions - AI prompt to guide LLMs on rebuilding components or layouts - All the code outputs Tailwind, React Components ETC. Trying to think of a way to combine this with my raycast-style design library tool.
24
260
Cover image for I wanted my own Raycast-like design tool that I could pop op...
I wanted my own Raycast-like design tool that I could pop open with a hotkey combo while working on any project. So I vibed it into existence on my mac in a single day. Opus 4.5 is no joke. Some minor flaws but loving it so far. For anyone wondering I made this with Claude Code using this workflow: 1. Discuss the project idea and initialized the Xcode project (Swift + Swift UI based) - Opus did this without issue. 2. Brainstormed the workflow pattern in plan mode with Claude for the best path to get all features working as expected 3. Build one feature at a time, frequently unit & integration test them, then commit to a proper branched git repo. 4. Also, if i thought Opus wasn't fully seeing the vision, I'd have Gemini 3 run double checks or give its own ideas. Highly recommend trying this out, build your own tools!
26
337
Cover image for Exploring some AI style branding today. Using this amazing c...
Exploring some AI style branding today. Using this amazing color palette tool I've had saved for a while - https://meodai.github.io/poline/.
4
2
233
UX Designer(1)
Lisette D. Brown's avatar
Lisette D. Brown
PROKitchener, Canada
Graphic Designer & Creative Brand Strategist
5.0
Rating
48
Followers
Cover image for 🔊 Sound on! Here’s a quick walkthrough of the font tool app...
🔊 Sound on! Here’s a quick walkthrough of the font tool app I built using Fusion Builder.io (http://Builder.io): Font Formula Pro 💫 If this tool was available in app stores… 👉 What key feature do you think is missing? 👉 What part do you like most so? Would love your feedback!🚀✨ View Tool (https://17a70a4db94441dea0be315e422df316-main.projects.builder.my/)
2
15
369
Cover image for From workspace → Final works ❄️ Developing this brand identi...
From workspace → Final works ❄️ Developing this brand identity & creative direction felt especially fitting as Ontario, Canada welcomed its first snowfall. The visual story behind NÜMA’s campaign mockups draw from that same serene energy; soft light, icy hues, and textures inspired by calm winter air.
18
43
484
Cover image for There’s something incredibly satisfying when a design comes ...
There’s something incredibly satisfying when a design comes to life! This is what I love most about brand design; seeing the logo, the labels printed, and the visual identity fully realized across Serotonin Toronto's aromatherapy blends and soaps was such a rewarding moment💫 View Case Study (https://contra.com/p/lgLko7eP-serotonin-toronto-or-logo-and-brand-identity-development?referralExperimentNid=DEFAULT_REFERRAL_PROGRAM&referrerUsername=brandingby_el_dzw4uu3d) 😊
2
27
303
Cover image for Serotonin Toronto | Logo & Brand Identity Development
Serotonin Toronto | Logo & Brand Identity Development
1
2
UX Designer(1)