Browse categories
Explore
Fiverr Pro
English
$
USD
I will convert your figma design to clean nextjs tailwind code
Shahriar S
About this gig
LAUNCH PROMO: For my first 3 Fiverr clients, I am offering my standard dashboard code package at a massive discount to build my platform reviews. Message me before ordering!
Stop wasting time fighting with CSS grids and responsive breakpoints.
If you are a backend developer or a founder, you want to focus on business logic and databases, not tweaking margins and flexboxes. I bridge the gap between Figma designs and production-ready frontend code. I will convert your SaaS dashboard designs into clean, modular, and highly responsive Next.js and Tailwind CSS code.
What you get:
- Pixel-perfect Figma to Code translation
- Modern Next.js component structure
- Utility-first Tailwind CSS styling
- Fully responsive layouts (Desktop to Mobile)
- Clean, commented code repository
Why choose me?
Because I am a UI/UX designer first, I catch the visual details that AI tools and backend devs miss. I ensure the exact typography, hover states, and dark mode aesthetics from your Figma file are flawlessly executed in the final code.
*Send me a message before ordering so we can discuss your project!
Get to know Shahriar S
Shahriar S
UI UX Designer, SaaS Mobile App and Web Design, Figma Expert
- FromBangladesh
- Member sinceJun 2026
- Avg. response time1 hour
Languages
Bengali, English
Hi, I'm Shahriar, a product designer with 5 years on software that has to work: B2B SaaS dashboards, healthtech platforms, and mobile apps.
A few things I've shipped: a diabetes platform live in 13+ countries (100K+ patients), a health app in 500+ clinics, and a fintech tool that cut support tickets by 40%. I work in Figma, Framer, and Webflow.
I design clean UI that's built to ship, communicate honestly, and hand off files your developers can actually build from.
Message me before ordering so I can point you to the right package.
My Portfolio
FAQ
Do you write TypeScript or JavaScript?
I write TypeScript by default for type safety. Let me know if you prefer plain JavaScript.
Do you use any UI libraries like shadcn/ui or Material UI?
I prefer pure Tailwind CSS for maximum customization, but I can use shadcn/ui if you prefer.
Will the code work on mobile devices?
Standard is desktop + tablet responsive. Premium includes full mobile responsiveness.
Do you provide the source code?
Yes, all packages include source code. Premium includes a full GitHub repo with README.
What do you need from me to start?
Your Figma file link, any design system documentation, and notes on interactive states.
Is the code production-ready?
Yes, the code is clean, modular, and follows React best practices. It's ready to drop into your project.
Can you build additional screens after the first order?
Absolutely! Message me for a custom offer or reorder with the "Additional Screen" extra.
