Figma to Frontend (Next.js + Typescript + Tailwind CSS)

Posted 4 days ago

Worldwide

Summary

We are looking for an experienced frontend developer to convert a complete Figma design into a production-ready Frontend using Next.js, TypeScript, and Tailwind CSS. The Figma file contains approximately 14 page templates, including both desktop and mobile versions, resulting in roughly 25–30 responsive layouts to implement. (Many elements, componens are re-used.) Included Screens Registration (Version 1) Registration (Version 2) Dashboard Favorites Bid Overview Bid Details Bid Content Unlock / Premium Content Payment Page Creator Dashboard Creator Chat Creator Profile Creator Terms / Agreement Creator Content Management Navigation Components Requirements Strong experience with Next.js Advanced TypeScript Expert-level Tailwind CSS Pixel-perfect Figma implementation Responsive design for desktop and mobile Reusable component architecture Clean, maintainable code Git/GitHub workflow Scope of Work Convert all Figma screens into reusable React components Implement responsive layouts matching the designs exactly Build reusable UI components (buttons, cards, forms, modals, navigation, etc.) Implement routing using Next.js Frontend implementation only (backend/API integration can be mocked if necessary) Ensure excellent performance and cross-browser compatibility

  • $100.00

    Fixed-price
  • Intermediate
    Experience Level
  • Remote Job
  • One-time project
    Project Type
Skills and Expertise
Mandatory skills
Next.js
Tailwind CSS
TypeScript
Activity on this job
  • Proposals:50+
  • Last viewed by client:7 hours ago
  • Interviewing:
    16
  • Invites sent:
    14
  • Unanswered invites:
    1
About the client
Member since Apr 30, 2020
  • Germany
    Weiterstadt4:19 PM
  • $47K total spent
    99 hires, 33 active
  • 102 hours
  • Mid-sized company (10-99 people)

Explore similar jobs on Upwork

HTML
Microsoft Outlook
CSS
Web Design
Sales
Appointment Setting

How it works

  • Post a job icon
    Create your free profile
    Highlight your skills and experience, show your portfolio, and set your ideal pay rate.
  • Talent comes to you icon
    Work the way you want
    Apply for jobs, create easy-to-by projects, or access exclusive opportunities that come to you.
  • Payment simplified icon
    Get paid securely
    From contract to payment, we help you work safely and get paid securely.
Want to get started? Create a profile

About Upwork

  • Rating is 4.9 out of 5.
    4.9/5
    (Average rating of clients by professionals)
  • G2 2021
    #1 freelance platform
  • 49,000+
    Signed contract every week
  • $2.3B
    Freelancers earned on Upwork in 2020

Find the best freelance jobs

Growing your career is as easy as creating a free profile and finding work like this that fits your skills.

Trusted by

  • Microsoft Logo
  • Airbnb Logo
  • Bissell Logo
  • GoDaddy Logo