Building Accessibility Into a Canvas-Based Product

kept by eddie jul 25

Figma created a Mirror DOM and internal accessibility tree to give screen readers full navigation and announcement support in its canvas‑based editor.

Lots of people asked how I used Fable to edit its own launch video so I made a video about that! TLDR it wrote a lot of code & tool calls
Fable edited its own launch video by writing code and making tool calls to transcription, ffmpeg, Figma, and Remotion, without manual editing.
also on Figma, Fable, #developer-tools
Figma - Chrome Web Store
The Figma Chrome extension lets users capture live websites and import them as editable layers directly into Figma, supporting production UI pulls and calendar file sharing.
also on Figma, #web-development, #design, #user-experience, #developer-tools
The Overcomplexity of the Shadcn Radio Button
The Hacker News discussion argues that the Shadcn radio button's complexity reflects deeper issues with web UI primitives, despite some defending its necessity for customization.
also on React, #web-development, #design, #user-experience, #developer-tools
mapcn - Beautiful maps made simple
mapcn provides beautiful, accessible map components for React using MapLibre GL, Tailwind CSS, and shadcn/ui integration.
also on React, #web-development, #design, #developer-tools