Sign in

Alex

@metalhaze.bsky.social
177 followers 326 following 432 posts

Senior Product Designer for an EHR design system • accessibility specialist • self-taught programmer

PostsRepliesMedia
Alex @metalhaze.bsky.social · 12/04/2025
@nerdy.dev 😭😤🤬 my heart goes out to you 🫶🏼 WTF nerdy.dev/ex-googler
nerdy.dev
G̶o̶o̶g̶l̶e̶r̶… ex-Googler. · April 10, 2025
My role at Google was eliminated.
020
Alex @metalhaze.bsky.social · 26/03/2025
Someone keeps trying to sign into my TikTok but they can’t and I know this because I keep getting pinged with two-factor authentication SMS requests. Is there a way to stop this?
120
Alex @metalhaze.bsky.social · 25/03/2025
There is only one major difference between cats and dogs that actually matter at the end of the day. One can easily jump on kitchen countertops and high up places and one can't haha 😆
010
Alex @metalhaze.bsky.social · 21/03/2025
Today’s the day!!! Can’t wait to welcome Loki into our home! 😻
030
Alex @metalhaze.bsky.social · 17/03/2025
"Finally, CMD/CTRL + R for variables! CTRL Var was built to give you many of the same renaming features available for layers - for variables." www.figma.com/community/pl...
figma.com
CTRL Var: Rename Variables | Figma
Finally, CMD/CTRL + R for variables! CTRL Var was built to give you many of the same renaming features available for layers - for variables. Preview your changes Easily view the variables in your col...
000
Alex @metalhaze.bsky.social · 12/03/2025
I mean, why would you do it any other way?
I will conduct a comprehensive accessibility analysis for a Vertical Sidebar Navigation with Nested
Disclosures, ensuring it meets WCAG 2.2 compliance and follows best practices from the ARIA
Authoring Practices Guide (APG). The final specification will be structured under the P.O.U.R.
principles and will include:

• Perceivable: Ensuring labels, contrast, and screen reader support.
• Operable: Supporting full keyboard interaction and focus management.

• Understandable: Providing clear navigation indicators and preventing user errors.

• Robust: Using appropriate ARIA roles, attributes, and mobile-friendly design.

I will provide detailed implementation guidelines, cite official WCAG/APG references, and structure
the output in Markdown format for easy documentation. I'll update you once the research is
complete.
020
Alex @metalhaze.bsky.social · 11/03/2025
I was sharing my screen while cloning our codebase and running npm install and the developer was like "WHOA...WAIT WHAT...Did that already finish building?!" Yah, that's the power of the new M4 Mac Mini baby! haha
110
Alex @metalhaze.bsky.social · 11/03/2025
FYI, @figma.com finally added keyboard shortcuts for boolean operations! #theMoreYouKnow💫
Flatten Selection	CMD + E or ⌥ + ⬆ + F

Unify	⌥ + ⬆ + U

Subtract	⌥ + ⬆ + S
 
Intersect	⌥ + ⬆ + I
020
Alex @metalhaze.bsky.social · 08/03/2025
The worst part about trying to program as a designer is setting up the overly complex dev environment with all these damn dependencies and if one thing is out of wack shit doesn’t work. Not even AI is able to help me. I tried everything. I just don’t know what I’m doing wrong 😭
470
Alex @metalhaze.bsky.social · 07/03/2025
Can I rent-a-dev for an hour to break down all these god damn AI tools and answer my questions as I attempt to vibe code something into existence? I’ll pay you in friendship and small sums of money haha 😆 Also this should be a real business. Dev consulting for designers that want to code 👨‍💻
000
Alex @metalhaze.bsky.social · 05/03/2025
We’re getting a cat! 🐈‍⬛ It’s a local rescue and it’ll be here in about two weeks. The girls still have no idea, but they’re absolutely obsessed with cats and they’re gonna lose their freakin’ minds. Just look at this cutester!
Black and white catBlack and white catBlack and white cat
120
Alex @metalhaze.bsky.social · 05/03/2025
I live for the exasperated “daaaaaad! 🙄” as I slightly annoy, embarrass, and humor my 3yo daughter on a daily basis 🤣
030
Alex @metalhaze.bsky.social · 04/03/2025
Time to teach myself Angular! Let me know if you have any resources to share, thanks!
000
Alex @metalhaze.bsky.social · 26/02/2025
😆
As a designer of 20 years who still lies awake at night worrying that i'm really shit at what I do, I just wanted to gently reassure other people that may also be struggling with similar feelings…. We're all just really shit at what we do.
150
Alex @metalhaze.bsky.social · 26/02/2025
Ok, this is it. My magnum opus. 20 years designing and I think I can define “taste” in a single sentence. “Taste is intuition, sharpened by unrelenting practice and informed by evidence.” Are we any closer to not arguing about this anymore yet? 😜
100
Alex @metalhaze.bsky.social · 25/02/2025
Got the brand new Dell 4K monitor to go with my new M4 Mac mini. Just came out today! Will be here Friday www.dell.com/en-us/shop/d...
dell.com
Dell UltraSharp 27 4K Thunderbolt Hub Monitor - U2725QE | Dell USA
With 47% deeper blacks, improved contrast ratio & low reflectance the Dell Ultrasharp 27 4K 120Hz adapts to your environment.
110
Alex @metalhaze.bsky.social · 23/02/2025
I feel like AI has weaponized FOMO.
100
Alex @metalhaze.bsky.social · 23/02/2025
I guess I’m obsessed with Fleetwood Mac. Just never took the time to listen to their full discography. Side note, I miss hearing actual singing with real instruments. So gooood
010
Alex @metalhaze.bsky.social · 20/02/2025
Can we SLOW THE F DOWN with all the AI slop getting announced literally every other day. Can like 10 different AI companies get together and make just one really good thing instead of 10 separate shitty things? kthxbai
120
Alex @metalhaze.bsky.social · 17/02/2025
4 inches of snow immediately followed by 9 inches of rain followed by 45mph wind gusts leading to flash freezing is literally the worst series of events ever in terms of New England weather. And the wind will be 30-50mph gusts until Wednesday! I hate it. Make it stop.
130
Alex @metalhaze.bsky.social · 16/02/2025
I’m gonna get brain rot if I spend more than 10 minutes on LinkedIn. Good god that site is insufferable
130
Alex @metalhaze.bsky.social · 15/02/2025
Thank me later music.apple.com/us/album/bac...
music.apple.com
Bach To the Future by Levi.Sct on Apple Music
Album · 2023 · 15 Songs
000
Alex @metalhaze.bsky.social · 14/02/2025
Yay! My daycare is increasing costs by 7%. I’m already paying $1800 a month.
100
Alex @metalhaze.bsky.social · 14/02/2025
Experiment with ChatGPT and a GPT web scraper to leverage a DS knowledge base. Review 72 design systems for a navigation component, then synthesize the findings into a research doc that addresses Visual Design, User Experience, Design Principles, Responsive Design, Content Design, and Localization.
Final Progress Update
Phase 1 (First 10 components) - 100% Complete
Phase 2 (Next 10 components) - 100% Complete
Phase 3 (Next 10 components) - 100% Complete
Phase 4 (Next 10 components) - 100% Complete
Phase 5 (Next 10 components) - 100% Complete
Phase 6 (Final 12 components) - 100% Complete (Posting below!)
o* Full Summary (All 72 components) - 100% Complete!Navigation Component Documentation

Visual Design

Navigation components serve as the backbone of digital interfaces, providing users with a clear,
structured pathway to access content efficiently. The visual design of navigation elements plays a
crucial role in usability and brand consistency.

Structure & Layout
• Navigation can be horizontal (top bar), vertical (sidebar), or bottom-aligned depending on the
application and user flow.
• Mega menus and multi-tiered dropdowns are used for content-heavy platforms, while simpler
menus work well for minimalistic applications.
• Sticky or fixed navigation ensures constant access to key actions, particularly in mobile or long-
scroll layouts.

Typography & Readability
• Font sizes should be large enough for legibility but not overpowering. Common sizes range from
14px-18px with appropriate line height.
• Navigation text should contrast well against its background to maintain accessibility (WCAG-
compliant color ratios).
• Bold or highlighted states indicate the active or selected page, improving wayfinding.

Color & Styling
• Navigation elements typically follow the primary brand color but should not be overly saturated
to avoid visual fatigue.
120
Reposted by Alex
Luis @discolu.bsky.social · 13/02/2025
Published a plugin! It allows you to copy CSS variables from Figma in either design or dev mode 🧑‍💻 www.figma.com/community/pl...
Screenshots of the plugin, showing the interface in its loading and complete state.
0142
Alex @metalhaze.bsky.social · 12/02/2025
Worked with a couple figma advocates and the director of engineering at Figma for the past two days to figure out a difficult bug. We have a work around! That’s all that matters! The real fix is more complex and will take much longer to code, but kudos to the team and thanks for all the hard work!
230
Alex @metalhaze.bsky.social · 12/02/2025
The thing about using Figma as a designer is that you never quite know if you’re going down the right path with something or not. Especially as a designer of one. With programming it’ll almost always immediately tell you when you’ve made a terrible decision. More rules and structure can be nice
010
Alex @metalhaze.bsky.social · 10/02/2025
Worst halftime show in the history of football…and I like Kendrick
010
Alex @metalhaze.bsky.social · 09/02/2025
You just had to be there…
A person pretending to drinking a digital beer on an iPhone screen
110
Reposted by Alex
Una Kravets @una.im · 22/01/2025
Dang I'm excited about new semantic attr() capabilities in CSS! I wrote a post about why this feature is so powerful, how it could change the way you build components, and how I would use it. Advanced attr() is rolling out in Chrome 133 starting next week 🥰 una.im/advanced-attr/
una.im
una.im | New capabilities for attr()
Advanced attr() is landing in Chrome 133, and I'm really excited for this feature! Here's a bit about it and how you can use it.
417143
Alex @metalhaze.bsky.social · 08/02/2025
Ok. Who the hell pushed to prod on a Friday??!
110
Alex @metalhaze.bsky.social · 08/02/2025
“Transform how you work with Figma variables. VV turns complex variable relationships into an intuitive visual map, letting you see and manage all your variables in one infinite canvas.” - www.figma.com/community/pl...
figma.com
Variable Visualizer | Figma
Variable Visualizer (VV) Transform how you work with Figma variables. VV turns complex variable relationships into an intuitive visual map, letting you see and manage all your variables in one infini...
000
Alex @metalhaze.bsky.social · 08/02/2025
Playstation Network (PSN) is down for the count 😩 status.playstation.com
Status website for Playstation Network showing all services are inoperable
000
Alex @metalhaze.bsky.social · 08/02/2025
Working for a tech company means you’re eventually going to have to have a conversation about what you’re going to use in your writing guidelines and remediating all the places that aren’t aligned. Is it: login/logout/log off, sign in/sign out, Log in/Log out, or Sign In/Sign Out
230
Alex @metalhaze.bsky.social · 08/02/2025
Moana has a god damn stranglehold on my kids. “Obsessed” is an understatement 😆
000
Alex @metalhaze.bsky.social · 07/02/2025
😅
A graph that says "Challenge" on the y-axis and "Skills" on the x-axis and a small path going at a 45 degree angle through the graph labelled "Flow State". Around the flow state are other emotions like anxiety and boredom. There is a smiley face with text that says "I am here" which is squarely between "anxiety" and "fear of failure"
020
Alex @metalhaze.bsky.social · 07/02/2025
I have this uncanny ability of sitting down to do some deep work in Figma, only to immediately find bugs. I then spend the next 30 min to an hour reporting them or discussing the issues with folks on the Figma team because I can't help myself, haha. Today's bug is broken keyboard layer nav support
110
Alex @metalhaze.bsky.social · 07/02/2025
Hot on the heels of Safari 18.3, Chrome 133, also now supports text-box-trim. Waiting on you Firefox! developer.chrome.com/release-note...
developer.chrome.com
Chrome 133  |  Release notes  |  Chrome for Developers
CSS advanced attr(), text-box-trim, scroll-state container queries, and more.
011
Alex @metalhaze.bsky.social · 07/02/2025
Um fuck yes Apple Music
Screenshot of the Trap and Bass playlist on Apple Music
110
Alex @metalhaze.bsky.social · 07/02/2025
I wish Celebrity Death Match was still around. I would love to see a “Ms. Rachel vs Blippi” battle to the death.
010
Alex @metalhaze.bsky.social · 06/02/2025
New season of Mythic Quest is giving me life
020
Alex @metalhaze.bsky.social · 05/02/2025
iOS 14 is only 5 years old. Came out in 2020. You would be amazed at how much of the web is a broken, and completely unusable mess on a browser that hasn’t seen any updates in only 4 years. Don’t know how I feel about this.
000
Alex @metalhaze.bsky.social · 05/02/2025
“The Sheets <> Variables plugin empowers designers to integrate dynamic data from Google Sheets directly into Figma by mapping spreadsheet tabs to variable collections, rows to variables, and columns to modes.” www.figma.com/community/pl...
figma.com
Sheets <> Variables | Figma
The Sheets &lt;&gt; Variables plugin empowers designers to integrate dynamic data from Google Sheets directly into Figma. By mapping spreadsheet tabs to variable collections, rows to variables, and co...
000
Alex @metalhaze.bsky.social · 03/02/2025
"VariableScout The Essential Power Tool for Streamlined Variable Management. Effortlessly visualize, organize, and optimize your variables and nodes with various features designed to supercharge your workflow." - www.figma.com/community/pl...
figma.com
VariableScout | Figma
VariableScout The Essential Power Tool for Streamlined Variable Management. Effortlessly visualize, organize, and optimize your variables and nodes with various features designed to supercharge your ...
000
Alex @metalhaze.bsky.social · 03/02/2025
"Creating successful Design System OKRs that drive adoption Getting an organization to care about adoption requires aligning goals and outcomes. We’ll show how to use OKRs effectively to drive adoption in both design and code." - designsystemdiaries.com/p/creating-s...?
designsystemdiaries.com
Creating successful Design System OKRs that drive adoption
Getting an organization to care about adoption requires aligning goals and outcomes. We’ll show how to use OKRs effectively to drive adoption in both design and code.
140
Alex @metalhaze.bsky.social · 03/02/2025
AI transparency framework Deciding when and how to disclose our use of AI-based tools - uxdesign.cc/ai-transpare...
uxdesign.cc
AI transparency framework
Deciding when and how to disclose our use of AI-based tools
010
Alex @metalhaze.bsky.social · 03/02/2025
I’ve applied for a new job 👀 Send me all your good vibes 😎
240
Reposted by Alex
Dare Obasanjo @carnage4life.bsky.social · 01/02/2025
If you’ve never read the paper, it’s a short but fascinating read. It’s focused on the dynamics of the AI industry at the time with the introduction of Meta’s Llama but is even more relevant today given DeepSeek.
semianalysis.com
Google “We Have No Moat, And Neither Does OpenAI”
Leaked Internal Google Document Claims Open Source AI Will Outcompete Google and OpenAI The text below is a very recent leaked document, which was shared by an anonymous individual on a public Disc…
0274
Alex @metalhaze.bsky.social · 01/02/2025
Wait, I thought they brought back TikTok. Is it gone again? I went to go get it from the Apple Store, but it says it’s not available
A screenshot of the Apple App Store with the words, TikTok in the search bar and a message saying that it’s no longer available
100
Alex @metalhaze.bsky.social · 31/01/2025
@noworries.nz Hey! I'm trying to use your Figma Chrome plugin, but it seems incompatible with the latest version of UI3. I also have no idea how to export analytics using it. I heard Figma supports this feature now? Are you still actively developing this extension? Let me know, thanks!
100