Figma → Next.js Tailwind Conversion
Budget: $10 – $30 USD
I have a Figma file ready and now need the design faithfully rebuilt in a fresh Next.js project styled with Tailwind CSS. The scope is limited to two screens—the public landing page and the logged-in user dashboard. Both pages can stay visually static; there are no motion effects, micro-interactions, or other advanced animations to worry about.
The layouts must work smoothly on desktop, tablet, and mobile breakpoints, matching the Figma pixel for pixel while using Tailwind utility classes for styling. Please keep the codebase clean, modular, and accessible, setting up any shared components or layout wrappers you feel are sensible for future expansion.
Deliverables
• A runnable Next.js repo (latest stable version) with Tailwind configured.
• Fully responsive landing page and dashboard pages that mirror the Figma design.
• Clear instructions for npm install / dev server so I can preview and merge the work.
I’ll supply the Figma link and any necessary assets as soon as we start.
The layouts must work smoothly on desktop, tablet, and mobile breakpoints, matching the Figma pixel for pixel while using Tailwind utility classes for styling. Please keep the codebase clean, modular, and accessible, setting up any shared components or layout wrappers you feel are sensible for future expansion.
Deliverables
• A runnable Next.js repo (latest stable version) with Tailwind configured.
• Fully responsive landing page and dashboard pages that mirror the Figma design.
• Clear instructions for npm install / dev server so I can preview and merge the work.
I’ll supply the Figma link and any necessary assets as soon as we start.