Kategorien durchsuchen
Entdecken
Fiverr Pro
Deutsch
$
USD
Ich wandelt Figma in react js, next js mit Tailwind CSS und typescript um
Zohaib
Level 2
5,0
5,0
Über diesen Service
Automatische Übersetzung
Dein Figma-Design verdient eine bessere Umsetzung als eine schlampige Konvertierung.
Ich bin Zohaib, ein zertifizierter Full-Stack-Entwickler mit über 4 Jahren Erfahrung und einer Bewertung von 4,9 auf Fiverr. Ich spezialisiere mich darauf, Figma-Designs in pixelgenaue, responsive React- und Next.js-Websites umzusetzen – sauberen Code, keine Abkürzungen, pünktlich geliefert.
Was ich erstelle
- Figma React.js (komponentenbasierte Architektur)
- Figma Next.js (SSR, SSG, App Router)
- Figma TypeScript (vollständig typisierte Codebasis)
- Tailwind CSS, Shadcn, Radix UI
- GSAP-Animationen & Scroll-Interaktionen
- PSD / XD React / Next.js
- Pixelgenau & vollständig responsive (Mobil, Tablet, Desktop)
Mein Prozess
1. Ich analysiere deine Figma-Datei und identifiziere wiederverwendbare Komponenten
2. Ich setze pixelgenaue Layouts mit Tailwind oder deinem CSS-Framework um
3. Ich teste auf Chrome, Firefox, Safari, mobil + Desktop
4. Ich liefere sauberen, dokumentierten, produktionsbereiten Code
Jede Lieferung umfasst
- Pixelgenaue Übereinstimmung mit deinem Figma-Design
- Vollständig responsive (Mobile-First)
- Browserübergreifend kompatibel
- Sauberer, lesbarer, dokumentierter Code
- SEO-freundliches semantisches HTML
- Performance-optimiert (Core Web Vitals)
- Support nach der Lieferung
100% Rückerstattung, wenn ich falsche Erwartungen setze und nicht liefern kann.
Keine Ausreden. Keine Fragen.
Lerne Zohaib kennen
Zohaib
Full Stack Engineer And AI Automation Expert
Level 2
- AusPakistan
- Mitglied seitMai 2024
- ⌀ Antwortzeit1 Stunde
- Letzte Lieferung2 Monate
Sprachen
Englisch, Hindi, Urdu
I’m Zohaib, a Full-Stack AI Engineer who helps founders and growing teams build fast, scalable web and mobile products. I also step in when AI-generated apps need a real engineer to make them production-ready.
From MVPs to mature platforms, I handle the full build: product thinking, frontend, backend, integrations, AI features, performance, and launch—so you get one senior engineer who can move fast without sacrificing architecture or quality.
If you’ve built something with AI tools and now need someone to review, fix, clean up, and ship it properly, that’s exactly the kind of work I do.
Automatische Übersetzung
Mein Portfolio
Meine weiteren Dienstleistungen im Bereich Software-Entwicklung
FAQ
Automatische Übersetzung
Mein Design hat mehrere Seiten – wie gestaltest du die Preise dafür?
Der Preis hängt von der Anzahl der Seiten und der Komplexität ab. Das Basic-Paket umfasst eine einzelne Seite oder Landing Page. Für Projekte mit mehreren Seiten schick mir dein Figma-File und ich mache dir innerhalb weniger Stunden ein individuelles Angebot. Die meisten Kunden finden es schneller und übersichtlicher, den Umfang im Voraus zu klären, anstatt später Änderungen zu diskutieren.
Welche Design-Formate akzeptierst du außer Figma?
Ich arbeite mit Figma (bevorzugt), Adobe XD, PSD und Sketch. Figma liefert die saubersten Ergebnisse, da es die besten Funktionen für die Übergabe an Entwickler bietet. Wenn dein File in einem anderen Format vorliegt, schreib mir einfach und wir finden eine Lösung.
Wird der Code sauber und wartbar sein – oder nur eine schnelle Umsetzung?
Ich baue mit einer ordentlichen Komponenten-Architektur, nicht mit einem flachen HTML-Dump in einer Datei. Jede Lieferung enthält wiederverwendbare Komponenten, einheitliche Namenskonventionen und Kommentare im Code, wo nötig. Du oder dein Entwicklerteam solltet es sofort öffnen und verstehen können.
Was, wenn das Endergebnis nicht genau meinem Figma-Design entspricht?
Pixel-genau ist mein Standard, kein Marketing-Sprech. Wenn das Ergebnis nach Überarbeitungen immer noch nicht dem vereinbarten Design entspricht, erstatte ich dir den vollen Betrag. Ohne Diskussion. Diese Garantie ist der Grund, warum ich immer vor der Annahme eines Auftrags dein File prüfen lasse.
Verarbeitest du Animationen und interaktive Elemente?
Ja – ich arbeite mit GSAP für scrollbasierte und Timeline-Animationen, Framer Motion für React-Transitions und standardmäßigen CSS-Animationen. Wenn dein Design spezielle Interaktionsnotizen enthält, füge sie einfach in deine Anforderungen ein. Komplexe Animationen können den Preis und den Zeitplan beeinflussen, also erwähne sie frühzeitig.
Kannst du das Frontend mit einem Backend oder einer API verbinden?
Dieses Gig konzentriert sich auf Frontend (Figma → React/Next.js). Ich kann jedoch REST API-Aufrufe integrieren, Formularübermittlungen bearbeiten, Tools wie Firebase oder Supabase einbinden und Authentifizierungsprozesse einrichten. Wenn du Backend-Arbeiten neben der Umsetzung brauchst, schick mir eine Nachricht für ein individuelles Angebot.
Was muss ich für den Einstieg bereitstellen?
Drei Dinge: (1) dein Figma-File mit aktivierter View-Zugriffsberechtigung, (2) die Seitenzahl und Hinweise zu Interaktionen oder Animationen, und (3) dein bevorzugtes Framework – nur React oder Next.js. Wenn du Markenassets (Schriften, Icons, Bilder) hast, die nicht in Figma sind, füge diese ebenfalls bei. Je vollständiger dein File ist, desto reibungsloser läuft die Übergabe.
Bewertungen
9 Bewertungen für diesen Service
| (9) | ||
| (0) | ||
| (0) | ||
| (0) | ||
| (0) |
Zusammensetzung der Bewertung
- Kommunikation
- Qualität der Lieferung
- Preis-Leistungs-Verhältnis der Lieferung
Sortieren nach:
Am relevantesten
J jensandersen908
Dänemark
Everything was delivered exactly as specified without even a single extra revision needed. Responsive and dynamic design tailored from our Figma design straight to both desktop and mobile site version. Will return to this seller in the future.
50 $-100 $
Preis
4 Tagen
Dauer
Hilfreich?F 
fiveforcez
Vereinigte Staaten
Amazing engineer, will definitely be working again with him in the future on other projects! Highly recommend him to anyone
Bis zu 50 $
Preis
2 Tagen
Dauer
Hilfreich?K 
katharinaflore
Vereinigte Staaten
Zohaib delivers exactly what he promises. Finding a development contractor on Upwork who actually delivers on time, at the quality you expect, and without errors is hard to find. That's why I will rehire Zohaib for my next project and recommend others do the same!
Bis zu 50 $
Preis
1 Tag
Dauer
Hilfreich?O 
owenwarreny
Finnland
Zohaib is an excellent software developer. He makes web applications very visually pleasing.
Bis zu 50 $
Preis
2 Tagen
Dauer
Hilfreich?V 
vaeliana
Vereinigte Staaten
Zohaib created a very modern design that was very responsive to the main theme of the app and my feedback. I am glad we worked with him.
Bis zu 50 $
Preis
1 Tag
Dauer
Hilfreich?
Bewertungen
9 Bewertungen für diesen Service
| (9) | ||
| (0) | ||
| (0) | ||
| (0) | ||
| (0) |
Zusammensetzung der Bewertung
- Kommunikation
- Qualität der Lieferung
- Preis-Leistungs-Verhältnis der Lieferung
Sortieren nach:
Am relevantesten
J jensandersen908
Dänemark
Everything was delivered exactly as specified without even a single extra revision needed. Responsive and dynamic design tailored from our Figma design straight to both desktop and mobile site version. Will return to this seller in the future.
50 $-100 $
Preis
4 Tagen
Dauer
Hilfreich?F fiveforcez
Vereinigte Staaten
Amazing engineer, will definitely be working again with him in the future on other projects! Highly recommend him to anyone
Bis zu 50 $
Preis
2 Tagen
Dauer
Hilfreich?K katharinaflore
Vereinigte Staaten
Zohaib delivers exactly what he promises. Finding a development contractor on Upwork who actually delivers on time, at the quality you expect, and without errors is hard to find. That's why I will rehire Zohaib for my next project and recommend others do the same!
Bis zu 50 $
Preis
1 Tag
Dauer
Hilfreich?O owenwarreny
Finnland
Zohaib is an excellent software developer. He makes web applications very visually pleasing.
Bis zu 50 $
Preis
2 Tagen
Dauer
Hilfreich?V vaeliana
Vereinigte Staaten
Zohaib created a very modern design that was very responsive to the main theme of the app and my feedback. I am glad we worked with him.
Bis zu 50 $
Preis
1 Tag
Dauer
Hilfreich?
