Figma UI Responsive structure

Figma UI Designer — Responsive structure on existing file (screenshots attached)
ScopeRefactor an existing Figma file into a production-ready responsive system; screenshots attached. Stack: Angular 17 + Tailwind/SCSS.
Tasks
Clean structure (pages/frames/naming).
Apply Auto Layout end-to-end (no absolute positioning for primary layout).
Set constraints for mobile / tablet / desktop / ultrawide / foldable.
Build reusable components (nav/cards/buttons/forms/modals) with minimal variants.
Define styles/tokens (colors/type/spacing 4–8px/radius/elevation).
Deliver responsive preview + tidy dev hand-off.
Must-have
Advanced Figma (Auto Layout, Variants, Variables/Styles, Prototyping).
Clean, consistent files (no “pixel hacks”).
Dev-friendly naming that maps to Angular/Tailwind.
Nice-to-have
Accessibility basics (44px targets, ≥ 4.5:1 contrast).
Token export (CSV/JSON) + brief in-file docs.
We provide
Current Figma screens + references; assets on request.

Top candidates receive the full Figma link for transparency and quote confirmation.

Apply with
2 responsive Figma examples (or a short video if file access isn’t possible).
A 2-line note on your workflow/tools for responsive structure & components.
A fixed price and an effort estimate (hours or person-days).


We are not looking for new visual styling at this stage. The primary goal is a developer-ready responsive structure across the specified breakpoints.



 ... Show more