Ich wandeln dein Figma in ein React- oder Next.js-Frontend um


Über diesen Service
Automatische Übersetzung
Du hast eine Figma-Datei und willst daraus echten, responsiven Code machen. Ich verwandle deine Designs in React- und Next.js-Schnittstellen, die auf Desktop und Mobilgerät funktionieren.
Mehr als 5 Jahre Erfahrung in der Softwareentwicklung. Meine Arbeiten umfassen Marktplatz-Interfaces bei ShipNest, Gesundheits-Dashboards bei VitalsVault und CRM-Bildschirme bei Maleyat. Ich schreibe in TypeScript, mit Tailwind CSS oder Material UI.
Was du bekommst: ein Layout, das genau zu deinen Figma-Frames passt, inklusive Abstand, Schrift, Farbe und Breakpoints. Wiederverwendbare Komponenten statt kopierter Markup. Responsives Verhalten bis hin zu Mobilgeräten. Formulare mit Lade-, Leere- und Fehlerzuständen. Sauberer Quellcode, auf dem du aufbauen kannst.
Basic ist eine Seite mit bis zu fünf Abschnitten. Standard sind drei Seiten mit gemeinsamen Komponenten. Premium sind bis zu fünf Seiten, die an deine bestehende API angebunden sind. Größere Seiten, CMS-Integration und animationreiche Seiten bekommen ein individuelles Angebot.
Du stellst die Figma-Datei sowie alle Schriftarten oder Assets bereit, an denen du die Rechte hast. Design-Erstellung, Backend-Arbeiten und bezahlte Tools sind nicht inklusive.
Rechte Dritter respektieren
Bitte beachte, dass es gegen die Richtlinien von Fiverr verstößt, wenn Freelancer Themes, Vorlagen oder andere Elemente, die die Rechte Dritter oder geltende Gesetze verletzen, in die gelieferte Arbeit aufnehmen. Lies mehr darüber in unseren Leitfaden für verantwortungsvolle digitale Kreation.
Lerne Haris Javed kennen
Software Engineer for Web and Mobile Apps
- AusPakistan
- Mitglied seitApr. 2020
- ⌀ Antwortzeit1 Stunde
- Letzte Lieferung4 Jahre
Sprachen
Englisch
Automatische Übersetzung
Mein Portfolio
FAQ
Automatische Übersetzung
Brauche ich Designs und ein Backend?
Ja, liefere dein Figma-Design oder eine vereinbarte visuelle Referenz. API-Integrationen nutzen dein bestehendes dokumentiertes Backend. Neue Designs, Backend-Services und zusätzliche Seiten benötigen einen separaten Umfang.
Wie nah am Design wird das Ergebnis sein?
Ich passe Abstand, Schriftart, Farbe und deine Breakpoints an. Wenn das Design kein Verhalten für eine Bildschirmgröße vorgibt, folge ich dem nächstgelegenen Rahmen und markiere ihn für dich, anstatt still zu raten.
React oder Next.js, welches soll ich wählen?
Next.js, wenn du Routing, SEO und Server-Rendering direkt dabei haben willst. Einfaches React, wenn das in eine bestehende App integriert wird. Sag mir, welchen Stack du nutzt, und ich passe mich an.
Kannst du die Seiten mit meiner API verbinden?
Ja. Wenn die API schon existiert und dokumentiert ist, ist das Einbinden der Seiten in den Standard- und Premium-Paketen inklusive. Wenn die API noch gebaut werden muss, mache ich das auch – frag mich nach einem Kombi-Angebot.
Mein Figma ist noch nicht fertig. Soll ich warten?
Schick es trotzdem. Ich sage dir, welche Frames fertig sind und welche erst Entscheidungen von dir brauchen. Unfertige Designs sind die Hauptursache für Revisionen, deshalb lohnt es sich, alles zu klären, bevor die Zeit läuft.
Tailwind oder Material UI?
Beides. Wenn dein Projekt schon eins nutzt, passe ich mich an. Wenn du keine Präferenz hast, verwende ich Tailwind.

