Figma to Next.js Developer

0 years

0 Lacs

Posted:1 day ago| Platform: Shine logo

Apply

Work Mode

On-site

Job Type

Full Time

Job Description

Role Overview: As a talented Frontend Developer with expertise in Next.js, your main responsibility will be to translate Figma designs into high-quality, responsive, and scalable web applications. You should have a keen eye for detail, a passion for clean code, and the ability to collaborate effectively with designers and backend developers. 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. Qualifications Required: - 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. Additional Company Details: Understanding of performance monitoring tools (Lighthouse, Google Analytics) is a plus. Please note that the Good to Have qualifications include: - 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. Role Overview: As a talented Frontend Developer with expertise in Next.js, your main responsibility will be to translate Figma designs into high-quality, responsive, and scalable web applications. You should have a keen eye for detail, a passion for clean code, and the ability to collaborate effectively with designers and backend developers. 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. Qualifications Required: - 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. Additional Company Details: Understanding of performance monitoring tools (Lighthouse, Google Analytics) is a plus. Please note that the Good to Have qualifications include: - 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.

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