Next.js Frontend Developer for Figma Designs
Budget: ₹12,500 – ₹37,500 INR
(below is AI generated but we will be strictly following these rules)
**Role Summary**
We’re looking for a frontend developer who can translate Figma designs into pixel-perfect, responsive pages in Next.js + Tailwind CSS + TypeScript. Your work will target tablet and desktop only (no mobile for now), with desktop experiences optimized for HD (1366×768), Full HD (1920×1080), and 4K (3840×2160) screens. You’ll follow strict component architecture and coding standards, submit daily pull requests (PRs), and collaborate closely with design and product.
Total Pages 50+ to be done as early as possible.
Long term support should be provided on any bugs or enhancement (bugs will not be paid but enhancement will be paid based on work)
**What You’ll Do**
- Convert approved Figma screens into high-quality Next.js pages and reusable components with pixel perfection (tolerance ±2px, consistent spacing, typography, and interactions).
- Build a component-driven UI
- Smallest UI elements as standalone components (buttons, inputs, badges, icons).
- Compose elements into feature components and then page layouts to maximize reuse.
- Implement responsive behavior for tablets and desktops:
- Desktop layouts for HD, Full HD, max-widths, and grids to preserve readability.
- Ensure cross-browser compatibility (latest Chrome, Edge, Firefox; Safari where applicable).
- Use TypeScript for strict typing; maintain ESLint + Prettier compliance and follow agreed naming/file structure.
- Optimize performance (code-splitting, image optimization with next/image, minimal CLS, accessible semantics).
- Ship small, daily PRs with clear commit messages and participate in code reviews.
- Work with designers in Figma Dev Mode, raise flags for ambiguous specs, and propose feasible alternatives when needed.
**Role Summary**
We’re looking for a frontend developer who can translate Figma designs into pixel-perfect, responsive pages in Next.js + Tailwind CSS + TypeScript. Your work will target tablet and desktop only (no mobile for now), with desktop experiences optimized for HD (1366×768), Full HD (1920×1080), and 4K (3840×2160) screens. You’ll follow strict component architecture and coding standards, submit daily pull requests (PRs), and collaborate closely with design and product.
Total Pages 50+ to be done as early as possible.
Long term support should be provided on any bugs or enhancement (bugs will not be paid but enhancement will be paid based on work)
**What You’ll Do**
- Convert approved Figma screens into high-quality Next.js pages and reusable components with pixel perfection (tolerance ±2px, consistent spacing, typography, and interactions).
- Build a component-driven UI
- Smallest UI elements as standalone components (buttons, inputs, badges, icons).
- Compose elements into feature components and then page layouts to maximize reuse.
- Implement responsive behavior for tablets and desktops:
- Desktop layouts for HD, Full HD, max-widths, and grids to preserve readability.
- Ensure cross-browser compatibility (latest Chrome, Edge, Firefox; Safari where applicable).
- Use TypeScript for strict typing; maintain ESLint + Prettier compliance and follow agreed naming/file structure.
- Optimize performance (code-splitting, image optimization with next/image, minimal CLS, accessible semantics).
- Ship small, daily PRs with clear commit messages and participate in code reviews.
- Work with designers in Figma Dev Mode, raise flags for ambiguous specs, and propose feasible alternatives when needed.
Related categories:
Website Design
CSS
Git
Typescript
Frontend Development
Front-end Design
Next.js
Tailwind CSS