You will get Figma to Next.js + Tailwind CSS — Pixel-Perfect, Production-Ready
Project details
You have a Figma design — I'll turn it into a pixel-perfect, responsive Next.js site with TypeScript and Tailwind CSS. Clean, maintainable code that's ready for production.
This is my favorite part of frontend development. I've spent 10+ years converting designs into real interfaces, including production apps at Rakuten and other Japan-based companies. I care deeply about getting the details right — spacing, responsiveness, consistency — exactly what the designer intended.
You'll get clean component structure, fully responsive layout across all screen sizes, and source code you can build on. I communicate clearly in English, Japanese, and Indonesian and keep you updated throughout.
This is my favorite part of frontend development. I've spent 10+ years converting designs into real interfaces, including production apps at Rakuten and other Japan-based companies. I care deeply about getting the details right — spacing, responsiveness, consistency — exactly what the designer intended.
You'll get clean component structure, fully responsive layout across all screen sizes, and source code you can build on. I communicate clearly in English, Japanese, and Indonesian and keep you updated throughout.
Programming Languages
HTML & CSS, TypeScriptCoding Expertise
Cross Browser & Device Compatibility, PSD to HTML, Performance OptimizationWhat's included $350
These options are included with the project scope.
$350
- Delivery Time 7 days
- Number of Revisions 2
- Number of Pages 5
- Design Customization
- Responsive Design
- Source Code
Optional add-ons
You can add these on the next page.
Additional Revision
+$30
Additional Page
(+ 2 Days)
+$50
Content Upload
(+ 2 Days)
+$50Frequently asked questions
About Inna
Front-End Engineer | Next.js, React, TypeScript
Denpasar, Indonesia - 8:29 pm local time
I work primarily with React and Next.js, using TypeScript to ensure code quality and Tailwind CSS for precise, maintainable styling. I enjoy the challenge of ensuring that what the designer envisioned is exactly what the user experiences.
Currently based in Bali (UTC+8), I am ideally positioned to work with teams across Australia and Asia.
Core Technical Stack:
Frontend: React, Next.js, TypeScript, JavaScript, HTML5, CSS3, Framer Motion
Styling: Tailwind CSS, Responsive Design, Pixel-Perfect Implementation
Design Tools: Figma, Sketch (Expert at design-to-code handoff)
State & Testing: React Hooks, Context API, Redux, Jest
Workflow: Git, GitHub, Vercel, Agile/Scrum
Multilingual Communication: Fluent in English, Japanese, Indonesian, and Ukrainian.
Steps for completing your project
After purchasing the project, send requirements so Inna can start the project.
Delivery time starts when Inna receives requirements from you.
Inna works on your project following the steps below.
Revisions may occur after the delivery date.
Step 1
Client purchases the project and sends requirements.
Step 2
I review your Figma file and confirm scope, pages, and any questions before starting