Figma App UI Modernization

I already have an operational mobile app and a full set of screenshots; what I need now is a fresh, cohesive design system in Figma that brings everything up to current standards. My top priority is tightening up the visual hierarchy—consistent headers, font scales, and spacing rules should flow across every screen.

Alongside that typographic overhaul, I also want the core interface elements refreshed. The navigation menu, all primary & secondary buttons, icons, plus the various form and input states need to feel lighter, cleaner, and aligned with today’s best-practice patterns. I can supply a predefined color palette, so you’ll be working within those hues while still introducing a dedicated light mode that complements them.

Smooth page transitions and subtle micro-interactions matter as well. Please use Figma’s native prototyping tools (Auto Layout, Variants, Smart Animate) so I can demo those flows directly in the file.

Deliverables – all in a single, well-organised Figma project:
• A reusable component library (buttons, inputs, nav, icon set, etc.)
• Updated screens wired to the new components and color styles
• Prototype with motion cues for key transitions
• Style guide page documenting type scale, spacing grid, and states

I’ll provide the current screens and the color codes as soon as we start. Looking forward to seeing how you can modernize the experience without losing the essence of the existing brand.