Principal Design Engineer | Design Systems & Frontend Architecture | Component APIs, React, TypeScript | Open Source Maintainer
Michigan, USA
Joined June 2009
- Tweets548
- Following399
- Followers1.8K
- Likes1.6K
{⚔️} Day 1 of #CSSBattleDaily streak: Apr 11 — 615.22 score / 343 chars cssbattle.dev/play/ft5s82Fyf… via @css_battle
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
Check out a11y Companion by Mark Learst on @figma: figma.com/community/widget/1…
#figma #accessibility #a11y #UXDesign #development
Go take the State of #JavaScript 2025 survey if you have a minute! survey.devographics.com/surv…
Mark Learst retweeted
🧪 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
🧪 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
Too easy but fun!
I just beat Grid Garden, a game for learning CSS grid layout! cssgridgarden.com via @playcodepip
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
🩸 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
🩸 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
♿️ 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
