Colin Patrick

Not Phil Collins

[Colin Patrick @phcolin]

@tomjohndesign @figma Are you using the figma plugin or just the remote mcp? I was using remote first, then installed plugin and had to disable the remote mcp to get the plugin to work. Your first screenshot makes me think you’re not using the plugin which has the skills Claude mentioned

[Colin Patrick @phcolin]

@pizzaboy Didja know the eyedropper works outside of figma now too?

[Colin Patrick @phcolin]

@svpino Hello Dunning Krueger speaking

[Colin Patrick @phcolin]

@RaminNasibov “deSigNeRs aRe cOokEd”

[Colin Patrick @phcolin]

Don’t get me wrong M3 is incredibly well designed but it has very strong opinions around color in particular.. and for good reasons rooted in accessibility.

[Colin Patrick @phcolin]

NGL this is really cool… if you wanna commit to Material 3 🙃

[Stitch by Google @stitchbygoogle]

Meet the new Stitch, your vibe design partner.

Here are 5 major upgrades to help you create, iterate and collaborate:
🎨 AI-Native Canvas
🧠 Smarter Design Agent
🎙️ Voice
⚡️ Instant Prototypes
📐 Design Systems and DESIGN.md

Rolling out now. Details and product walkthrough video in 🧵

[Colin Patrick @phcolin]

Gonna start posting on x again. Spent the last five years heads down, learning some code, working on design systems, building crazy stuff in figma. Now I’m hacking away in terminal talking to a robots and committing to code so yeah you could say things are going well

[Colin Patrick @phcolin]

@julianlehr THANK YOU. It’s so true. The ui used to be the mental/visual cue to do something. Now you gotta learn a whole vocabulary just to do something. Can’t think of the right word? Better hope the LLM can figure out what you want.

[Colin Patrick @phcolin]

@kianbazza Are we calling clicks and taps “hits” now? 🤪

[Colin Patrick @phcolin]

@bossadizenith @milad_akarie Now do it blindfolded with only a keyboard and screen reader

[Colin Patrick @phcolin]

@_TommyMason Yes 1000% and it’s Claude. Working on enterprise design systems. Using Claude as a strategist/thinking partner. Stress testing solutions. Learning code. Contributing to our codebase. It’s been a game changer

[Colin Patrick @phcolin]

@hobdaydesign I did the same and abandoned it. There’s also some nuance between lightness and chroma interaction that affects luminance. Makes contrast somewhat unpredictable and requires manual intervention.

[Colin Patrick @phcolin]

@edgarasben @jakubkrehel You want LCH for that. A delta of 40 L in LCH = roughly 3:1. Delta of 50 is closer to 4.5:1. @atmos_style lets you switch between LCH and OKLCH

[Colin Patrick @phcolin]

@angeloldesigns @SlexAxton This is the same constraint we build our color palettes against. I’ve been use atmos for this as they support non destructive switching between LCH and OKLCH. My workflow has been setting baseline L in LCH for the accessibility pairing and modifying hue and chroma in OKLCH.

[Colin Patrick @phcolin]

@tomjohndesign @v0 Reminds me of this

[Colin Patrick @phcolin]

@ardovalexey I want this yesterday

[Colin Patrick @phcolin]

@Saadeghi I see now in your docs you have additional color utilities that seem to cover this. Really cool stuff and seems like I could learn something new 😎

[Colin Patrick @phcolin]

@Saadeghi I use a really similar approach. Only counterpoint I’d make is including vars for input borders or backgrounds (ideally both). WCAG requires 3:1 for input bg or border against a background color.

[Colin Patrick @phcolin]

@JeremyNguyenPhD @emollick I’m a product designer and even though I’m not “vibe coding” a lot… I use cursor and v0 for prototyping a good bit. Learning how and why to use GitHub was a huge unlock for me

[Colin Patrick @phcolin]

@jordanphughes @figma Unfortunately no :( It’s the reason why we now treat the parent frame as an empty auto layout wrapper for most components in our DS now. Has an added benefit of responsive instance swapping when using hug hug too