Suchi~/portfolio

Home
About
Projects
Skills
Recognition
Contact

loading…

$ whoami

Ummul Momenin Suchi

I build modern, scalable digital experiences where engineering quality meets thoughtful design.

~/sitemap

Home
About
Projects
Skills
Recognition
Contact

~/connect

GitHub
LinkedIn
Email

© 2026 Ummul Momenin Suchi. Built with Next.js & shadcn/ui.

$ cat ~/projects/designos.md

DesignOS

Design-system sandbox bridging Figma tokens to shadcn/ui with accessible motion primitives.

back to projects·2024·Frontend Engineer·shipped

designos.md

Overview

DesignOS connects Figma tokens to a living React kit so UI stays consistent without slowing product teams.

What I built

Token sync from Figma into CSS variables.
shadcn/ui component gallery with usage recipes.
Accessibility audits for focus, contrast, and semantics.
Motion presets powered by Framer Motion.

Tech decisions

React + Tailwind CSS with Figma, shadcn/ui, Accessibility, and Framer Motion as the design-engineering bridge.

stack.json

stack

Figmashadcn/uiAccessibilityFramer MotionReactTailwind CSS

highlights.md

highlights

>Figma → CSS token sync
>Accessible component gallery
>Reusable motion presets

metrics.log

metrics

Components: 36
A11y issues fixed: 50+
Token sets: 3

links.sh

private / unpublished

$ next project

PulseBoard

Lightweight ops dashboard with Redis caching, Prisma models, and secure-by-default API routes.