Design for Devs
UI, UX, and accessibility resources for developers — Figma, design systems, WCAG, and portfolio presentation. Not a substitute for professional design; links to official tools and standards.
Disclaimer: Tool pricing and student plans change on vendor sites.
You can navigate, find Hub (all catalogs), and browse Sister repos.
Pages: student-dev-catalogs · oss-programs-and-hackathons · build-grants · hack-safe · ai-catalog · coding-platforms · public-apis · design-for-devs · cloud-student · maker-student · game-dev-student · never-your-sounds
Design tools
| Tool | Best for | Official |
|---|---|---|
| Figma | UI design, prototypes | figma.com |
| Penpot | Open-source design | penpot.app |
| Excalidraw | Diagrams, whiteboards | excalidraw.com |
| Canva | Quick graphics | canva.com |
| Adobe Express | Lightweight creative | adobe.com/express |
Design systems & UI kits
| Resource | Official |
|---|---|
| Material Design | m3.material.io |
| Apple Human Interface Guidelines | developer.apple.com/design |
| Microsoft Fluent | fluent2.microsoft.design |
| Bootstrap | getbootstrap.com |
| Tailwind CSS | tailwindcss.com |
| shadcn/ui | ui.shadcn.com |
Accessibility (WCAG)
| Resource | Official |
|---|---|
| W3C WAI | w3.org/WAI |
| WCAG 2.2 | w3.org/TR/WCAG22 |
| a11y Project | a11yproject.com |
| WebAIM | webaim.org |
AI-assisted UI (verify output)
| Tool | Sister link |
|---|---|
| v0, Figma AI | ai-catalog |
JSON: data/design-tools.json · CONTRIBUTING.md · LICENSE