Figma to Next.js Developer

Position:

Location:

Experience:

About the Role:

Frontend Developer with strong expertise in Next.js

• Convert

  Figma/Adobe XD/Sketch

  designs into pixel-perfect, responsive Next.js web applications.
• 
  
• Develop reusable, maintainable, and optimized UI components.
• 
  
• Implement modern design systems, animations, and micro-interactions.
• 
  
• Work with REST APIs / GraphQL to integrate frontend with backend services.
• 
  
• Ensure cross-browser compatibility and performance optimization.
• 
  
• Collaborate with designers, product managers, and backend engineers to deliver seamless user experiences.
• 
  
• Follow best practices for SEO, performance, and accessibility (WCAG).
• 
  
• Maintain code quality via version control (Git), testing, and documentation.

Required Skills & Qualifications:

• Proficiency in

  React.js & Next.js

  .
• 
  
• Strong knowledge of

  HTML5, CSS3, Tailwind CSS/SCSS, JavaScript (ES6+)

  .
• 
  
• Experience in

  responsive design, cross-browser compatibility, and mobile-first development

  .
• 
  
• Good understanding of

  API integration (REST/GraphQL)

  .
• 
  
• Familiarity with

  state management tools

  (Redux, Zustand, Context API, etc.).
• 
  
• Experience with

  Git/GitHub/GitLab

  workflows.
• 
  
• Basic knowledge of

  SEO optimization and server-side rendering (SSR)

  in Next.js.
• 
  
• Understanding of

  Figma

  and ability to interpret design specifications precisely.

Good to Have (Optional):

• Experience with

  TypeScript

  .
• 
  
• Knowledge of

  headless CMS (Strapi, Contentful, Sanity, WordPress API)

  .
• 
  
• Familiarity with

  testing frameworks (Jest, React Testing Library, Cypress)

  .
• 
  
• Knowledge of

  CI/CD pipelines & deployment on Vercel, Netlify, or AWS

  .

Understanding of performance monitoring tools (Lighthouse, Google Analytics).