Senior Design Engineer, Design Systems. React, TypeScript, Tailwind, Storybook, Motion, a11y. OSS. Claude Code Max Cursor Pro daily driver. AI DX tooling.

Joined June 2009
71 Photos and videos
I tried to give @cursor_ai money. They wouldn't take it. Sub failed. Support said "try Cash App and ACH." I pulled the Stripe session JSON. payment_method_types: ["card"]. Cash App and ACH aren't even enabled in their checkout. So I reverse-engineered their billing flow, wrote a 2-minute fix doc, and sent it to support. They ignored it. Was ready to buy a full year of Pro . I guess Sam and Yna would rather let the money walk. @mntruell your AI company can tab autocomplete my functions but can't help complete a payment. Fix doc I created for your team since they won't read it: gist.github.com/marklearst/6…
56
a11y Companion v2.0.0 is live for Figma and FigJam. Guided WCAG checklist tracking, inside the file. @figma: figma.com/community/widget/1… #a11y #accessibility #wcag #w3c #figma #figjam #uxdesign #uidesign #designsystems #frontend
4
3
79
Quick start Insert the widget Pick a template Work the checklist as you go Export to Markdown when you need a report figma.com/community/widget/1… #a11y #accessibility #figma #wcag
17
Replying to @figma
Also in v2.0.0 Light and dark modes 6 accent themes that stay readable Templates for common checklist scopes Improved Markdown export with WCAG level coverage summary
14
Replying to @figma
Big update: Contrast Inspector. Select a layer, press Check, get ratio and grade, plus a clear pass or fail status. Supports solid fills and single gradients. Swap to preview reversed contrast, Clear to reset.
15
Go take the State of #JavaScript 2025 survey if you have a minute! survey.devographics.com/surv…

31
Mark Learst retweeted
12 Aug 2025
🧪 Found a cool glass calendar design in Figma and wanted to test AI hallucination ChatGPT couldn't build it in pure CSS, so I did! ✨ Features: - Frosted glass backdrop blur - Two-layer gradient design - 100% CSS - no JavaScript codepen.io/marklearst/pen/zx… #CSS #AI #Frontend
1
1
5
137
12 Aug 2025
Too easy but fun! I just beat Grid Garden, a game for learning CSS grid layout! cssgridgarden.com via @playcodepip
1
22
26 Jun 2025
Most people treat AI like a shortcut to insight. It’s not. It’s a mirror. It reflects your clarity... or your confusion! If you don’t feed it real signal, it’ll remix the internet’s junk drawer with perfect fluency. Build with intent. Or don’t bother pressing Enter. #AI #buildinpublic #dev #design #signalovernoise #contextmatters
3
40
26 Jun 2025
🩸 diabetic-utils v1.2.0 beta 1 just dropped. Clinical-grade math for CGM and A1C apps. No vibes. Just 100% test coverage and edge-case handling. 🧪 MAGE (Service 1970) 📊 SD, CV, Percentiles ✅ 34 targeted clinical tests 🔗 github.com/marklearst/diabet… #opensource #diabetes #typescript #CGM #healthtech
1
41
Mark Learst retweeted
Thoughts on @Airbnb’s new design system?

34
17
219
12,265
19 Jun 2025
🩸 diabetic-utils v1.1.7 is out! Zero-bloat TypeScript utilities for working with diabetic health data: glucose, A1C, time-in-range, and more. 🔄 Updated automated CI/CD pipeline 📚 Enhanced documentation ✅ Improved quality checks Built for devs who want fast, typed calculations without the bloat. Now with better automation and test coverage to keep it clean. 📦 npmjs.com/package/diabetic-u… 💻 GitHub: github.com/marklearst/diabet… #typescript #diabetes #javascript #opensource
1
39
11 Jun 2025
♿️ Just shipped: a11y Companion for Figma! Manual accessibility tracking shouldn’t slow teams down. This widget brings the full @A11YProject checklist into Figma: 60 checks, async-ready Team facepile (see who checked what) Plain-language WCAG refs & tooltips Free, open source, built for QA/design crits/onboarding Give it a try, report bugs/feature ideas, or fork it for your team! Figma: figma.com/community/widget/1… GitHub: github.com/marklearst/a11y-c… #figma #a11y #accessibility #designsystems #figmawidgets #ux #opensource
269
11 Jun 2025
♿️ Just shipped: a11y Companion for Figma! Manual accessibility tracking shouldn’t slow teams down. This widget brings the full @A11YProject checklist into Figma: 60 checks, async-ready Team facepile (see who checked what) Plain-language WCAG refs & tooltips Free, open source, built for QA/design crits/onboarding Give it a try, report bugs/feature ideas, or fork it for your team! Figma: figma.com/community/widget/1… GitHub: github.com/marklearst/a11y-c… #figma #a11y #accessibility #designsystems #figmawidgets #ux #opensource
1,170
11 Jun 2025
♿️ Just shipped: a11y Companion for Figma! Manual accessibility tracking shouldn’t slow teams down. This widget brings the full @A11YProject checklist into Figma: 60 checks, async-ready Team facepile (see who checked what) Plain-language WCAG refs & tooltips Free, open source, built for QA/design crits/onboarding Give it a try, report bugs/feature ideas, or fork it for your team! Figma: figma.com/community/widget/1… GitHub: github.com/marklearst/a11y-c… #figma #a11y #accessibility #designsystems #figmawidgets #ux #opensource
60
11 Jun 2025
♿️ Shipping real accessibility for real teams, right inside Figma. Let’s be real: accessibility can’t be an afterthought, or a box to tick before launch. So I built a11y Companion, a @figma widget powered by: The @A11YProject Checklist a11yproject.com/checklist/ (Not affiliated with The A11Y Project, just inspired by their checklist and passionate about accessibility.) Try it free and open source: Figma Community – a11y Companion figma.com/community/widget/1… • 60 checks, fully categorized • Async team tracking with avatars; see who did what, when • Plain-language WCAG refs, focused navigation, custom checkboxes • Built for QA, crits, onboarding, and every remote product team Why? Because accessibility isn’t just compliance; it’s craft, and it’s how the best teams ship. @github → If you use it, report a bug, or want a new feature, let me know! github.com/marklearst/a11y-c… Learning Accessibility from the source: @MozDevNet developer.mozilla.org/en-US/… #figma #a11y #accessibility #designsystems #remotework #ux #webdevelopment #figma #inclusivedesign #digitalaccessibility #wcag
1
1
28