Challenge Completed!
Ananya Iyer finished this 7-day challenge with 7 logs and a 7-day streak.
Design UI Kit
Create reusable UI components in Figma
Progress — 7/7 days logged
Daily Logs
Day 7
Jul 23, 2026 · 4:01 AM
Final review and organization — cleaned up all layers, named everything consistently, created a documentation page with usage examples. Exported as a Figma community file!
Great progress! Have you considered using Tailwind for the styling?
Day 6
Jul 22, 2026 · 4:56 AM
Built modal and drawer components with overlay backgrounds. Also designed tooltip, popover, and dropdown menu components.
This is exactly what I needed to see for motivation. Thanks for sharing!
Day 5
Jul 20, 2026 · 3:20 PM
Designed navigation components — top navbar, sidebar nav, breadcrumbs, and pagination. Made sure everything works at different viewport widths.
Day 4
Jul 19, 2026 · 5:25 PM
Created card components — basic card, product card, profile card, and stats card. Also designed alert/notification banners in 4 styles.
https://github.com/ananya-iyer03/project-demoDay 3
Jul 18, 2026 · 3:46 PM
Built input components — text fields, textareas, select dropdowns, checkboxes, radio buttons, toggles. All with proper focus states and error styling.
Super clean execution. What's your tech stack?
Day 2
Jul 18, 2026 · 12:23 AM
Designed button variants (primary, secondary, outline, ghost) in 3 sizes. Added hover, active, disabled, and loading states for each.
Day 1
Jul 17, 2026 · 5:44 AM
Defined the design system foundation — picked a color palette (neutral grays + vibrant blue accent), set up an 8px grid, chose Inter as the primary typeface.
Day by day, brick by brick. This is how real builders do it 💪