Mahdi Farra • DesignQA.com

I've been testing this for weeks and it still feels like magic. Click a bug → AI analyzes your code → PR created automatically. DesignQA v3 is live: DesignQA . com (Watch it work ↓)

Redesigned my portfolio site mahdif.com

@wesbos What I wish existed: A model that blends DOM structure, CSS similarity, and layout context to output a visual confidence score between Figma and HTML Not pixel diffing, not embeddings, something in between If anyone has seen research on this, I’d love to read it

@wesbos I ran into this same problem while building DesignQA We needed to compare Figma elements with their HTML versions Pixel and structural diffing were too brittle, so I built a system that compares style properties, gives each a weight, and scores how likely they match

ML Vision nerds: I need your help I want a way to calculate how visually similar two UI elements are. Pixel diffing is unforgiving for small differences in inputs. As is structural similarily algos Vector embeddings seem to focus more on features + semantics of the image. Are there other models or algos for this that I should check out? I'm almost looking for a "fuzzzy" regression / comparison

@wesbos We even drew red rectangles and added unique IDs on both Figma and live pages, then used vision models to match elements visually Didn’t work well, too many false matches Style-based scoring gave better results, but it’s still far from perfect

@brian_lovin Speech to text > typing

Typing fast is a high leverage skill brianlovin.com/writing/type-f…

@Aladey DesignQA.com

Phase 3. Drop your domain in the comments 👇 My AI agent will appraise it. 📷🤖

@mddanishyusuf haha I wish! For now I’m keeping things organic, all word of mouth 😄

@mahdif haha, i didn't notice that. And you have to block ads spot on freesvgicons.com for DesignQA. My audience need your tool.

Da Nang, Vietnam is unbelievably affordable 🇻🇳 For just $15/night, I get: 🌊 Sea-facing hotel 🍳 Free breakfast buffet ⚡ Fast Wi-Fi 🏋️ Gym & 🏊 Pool access ❄️ 24/7 AC I control myself 🛏️ Well-maintained room with a working desk. I think Vietnam is better than Bali. Move to Vietnam and lock yourself in to build your million-dollar idea.

@juanriosnl You totally should do that. It was actually fun setting it up and seeing how an old laptop could still be useful

@mahdif I guess I need to first start with an old laptop and after a week or so back to mac

Apple's Liquid Glass = Windows Vista UI

@juanriosnl I also thought about that, but after I setup Ubuntu on my old laptop to use it as a local server I had waaaaay more appreciation to macOS 😂

@mahdif That’s true. At least it got me thinking to move to Linux. The phone in another hand…that’s more difficult for me

@juanriosnl Well.. he's not wrong, although I highly doubt Omarchy will gain much traction outside the dev circle... but we'll see

@mahdif The year of the Linux desktop youtu.be/GQJZ96l-XQ4?si…

@mynameis_davis How dare you!

@KMkota0 Looks cooL! Would love an invite

a motion graphics editor… without layers or easings - who wants a beta invite?

@kumailht The first image makes me feel calm and the other ones give me anxiety 😱

Can you feel the difference between in warmth when you compare interiors which use natural materials like wood instead of synthetics? I have a theory that cafes that use natural materials make more money

Tech stack for anyone curious: - Chrome extension (frontend) - GitHub API (PR creation) - User's choice of AI (Claude, GPT, etc.) - Built solo as a designer who codes Shipping v3 today. Terrified and excited in equal measure.

The breakthrough came when I stopped asking "would you use this?" and started watching what people actually did. They kept saying "I wish I could just fix this myself." So I built that. Took 3 tries, but we got there.

3 pivots. 6 months. Countless "nobody's using it" moments. DesignQA v3 finally feels right. Click a bug → AI fixes it → PR created automatically. This is what happens when you actually listen to users instead of just asking them questions. DesignQA . com #buildinpublic

This is v3, but it's really a complete reimagining of the product. I've learned so much from your feedback over the past few months. If you try it, I'd genuinely love to hear what you think. Still building. Still learning.

How it works: 1. Select any element on your site 2. Click "Fix with AI" 3. AI matches your code style + creates a PR 4. Review & merge when ready Works with React, Vue, Next.js, plain HTML... whatever you're using. Free for bug reporting. $10/mo for AI fixes.

I've been testing this for weeks and it still feels like magic. Click a bug → AI analyzes your code → PR created automatically. DesignQA v3 is live: DesignQA . com (Watch it work ↓)