Frontend Developer (Figma to Next.js)

5 years

0 Lacs

Posted:3 weeks ago| Platform: Linkedin logo

Apply

Work Mode

On-site

Job Type

Full Time

Job Description

Job Description – Figma to Next.js Developer

Position:

Location:

Experience:

About the Role:

Frontend Developer with strong expertise in Next.js

Key Responsibilities:

  • 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:

  • 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).

Soft Skills:

  • Strong attention to detail and design accuracy.
  • Excellent problem-solving and debugging skills.
  • Good communication and collaboration abilities.
  • Ability to work independently and manage time effectively.

Education:

  • Bachelor’s degree in Computer Science, Engineering, or equivalent experience.


Mock Interview

Practice Video Interview with JobPe AI

Start JavaScript Interview
cta

Start Your Job Search Today

Browse through a variety of job opportunities tailored to your skills and preferences. Filter by location, experience, salary, and more to find your perfect fit.

Job Application AI Bot

Job Application AI Bot

Apply to 20+ Portals in one click

Download Now

Download the Mobile App

Instantly access job listings, apply easily, and track applications.

coding practice

Enhance Your Javascript Skills

Practice Javascript coding challenges to boost your skills

Start Practicing Javascript Now

RecommendedJobs for You