You will get a conversion of your Figma design into a live website
Project details
What you get: your existing Figma turned into production-ready, responsive React + Tailwind. Conversion are pixel-faithful, clean components, with no mess. I can provide example of live FE showcase if you need an example
Programming Languages
PHP, HTML & CSS, PythonCoding Expertise
Cross Browser & Device Compatibility, PSD to HTML, DesignWhat's included
| Service Tiers |
Starter
$80
|
Standard
$200
|
Advanced
$450
|
|---|---|---|---|
| Delivery Time | 4 days | 7 days | 12 days |
Number of Revisions | 1 | 2 | 3 |
Number of Pages | 1 | 3 | 6 |
Design Customization | |||
Content Upload | - | - | - |
Responsive Design | |||
Source Code |
Optional add-ons
You can add these on the next page.
Additional Revision
+$25
Additional Page
(+ 3 Days)
+$50Frequently asked questions
About M Rozzaq
Front-End Developer & UI/UX Designer | Design-to-Code, Figma to React
Muntilan, Indonesia - 9:57 am local time
instead of handing a Figma file to a developer and hoping it survives.
6+ years across UI/UX and front-end, working with startups, fintech
teams, and government. I take projects from wireframe to a live,
responsive site: React, Next.js, TypeScript, and Tailwind on the build
side; Figma, design systems, and usability testing on the design side.
What I'm best at:
- Landing pages and marketing sites that are designed and coded, not just mocked up
- Dashboards and web-app UIs (fintech and data-heavy interfaces)
- Turning an existing Figma file into clean, production-ready React
- Design systems and component libraries for consistency at scale
Recent work: a regency government web portal, a crypto sports-betting
dashboard, and editorial/fashion sites. I'm happy to share live links and
walk you through the build.
I reply within a day, keep scope tight, and I'd rather under-promise
and ship than overcommit. Send me your brief and I'll tell you honestly
whether I'm the right fit.
Keywords to find me:
UI/UX, UI Design, UX Design, User Interface Design, Web Design, Graphic Design, Landing Pages Design, User Experience Design, Web & Mobile Design, Responsive Web Design, UI Research, User Flow, Android and iOS App Design, Pitch Deck Presentation Design, Mobile Design, Android App Design, Graphics & UI Design, Website Wireframing, E-commerce Web Design, Google Material Design, Clickable Prototype, Export Assets from Sketch, iOS and Android Guidelines, WordPress Design, Website Wireframing, Animations Creation, Branding, User Interface, iOS App Design, Prototype Design, Responsive Web Design, Web Design, Android Guidelines, Infographics Design, Logo Design, Material Design, Marvelapp, E-commerce App Design, Website Design, Adobe Photoshop, GUI Design, User Interface Designs, Figma, UX Research, iOS Guidelines, Animation UI, Wireframes Design, InVision, Axure, Design, UX/UI, User Interface Design, Web & Mobile Design, Responsive Design, Graphics & UI Design, User Experience Design, UX Research, Google Material Design, Export Assets from Sketch, iPhone, Sketch, App, Adobe Photoshop, Landing Page, Illustrator, Graphic Design, Web Design, Identity, iOS App Design, Branding, Visual Design, Adobe, Android Design, Application Design, Photoshop, Redesign, Responsive, Wireframing, Management, SAAS, Design Thinking, iPad Design, Productive, Graphics, Adaptive, App Design, Adobe Illustrator, A/B Testing, Usability, Digital Agency, Creation, Hire, User Experience Design, Creative Solutions, UI/UX Design, Advertising, User Experience Testing, Team Leader, Platform Design, Design Guru, Logotype, Desktop Design, Art Director, Guidelines, Website Prototyping, Interaction Design, Head of Design, Wireframe, Mobile Design, Mock-up, Mobile UX Design.
Steps for completing your project
After purchasing the project, send requirements so M Rozzaq can start the project.
Delivery time starts when M Rozzaq receives requirements from you.
M Rozzaq works on your project following the steps below.
Revisions may occur after the delivery date.
I will analyze your reference
I will open you reference, read it, and pokes hole in it if there are things that are missing from the provided reference
I will clarify the process
After i get enough to execute, i will then need to ask what happen when i click this button, what process that you expect, what are the output, etc