Wie setze ich ein Figma Design in Code um?

1 Antwort

Mirko Marek
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Mediengestalter Digital und Print
18.02.2025, 12:11

Hi LDM158,

die Entscheidung React als Framework für ein Figma-Projekt zu verwenden, hängt tatsächlich an spezifischen Anforferungen an deinem Kundenprojekt. Wenn es kleine oder mittlere Projekte sind, würde ich den Einsatz von React und andere Frameworks abraten. Es enstehen dadurch nur unnötig Fehlerquellen, es gibt einen erhöhten Arbeitsaufwand. Dabei kann man bei kleinen und mittleren Projekten auf native JavaScript-Funktionen zurück greifen, was die Seite viel performanter macht und weniger Overhead produziert.

Aber ich möchte dir nicht vorhalten wie man es umsetzen könnte, wenn ich es persönlich auch nicht schlau finde:

Hier habe ich eine passende Seite für dich heraus gesucht, damit ich hier keine 200 Sätze schreiben muss:
https://www.animaapp.com/blog/design-to-code/how-to-export-figma-to-react/
Denk daran, ich würde es dir nicht empfehlen, wenn es sich um kleine Projekte oder mittlere Projekte handelt.

Begrifferklärung Projektgrößen:

  • Kleine Projekte fangen bei 1 Person an und hören bei 3 Leuten auf
  • Mittlere Projekte fangen bei 1 Person an und hören bei 5 Personen auf
  • Große Projekte können bis zu 30 Personen Personalaufwand bedeuten.
  • Sehr große Projekte / Mega-Projekte sind Projekte die 30+ Personen umsetzen. Hier sind hierarchische Strukturen mit Abteilungen, Projektmanagern und Stakeholdern gefordert.
Woher ich das weiß:Berufserfahrung – Ich bin gelernter Mediengestalter Digital und Print(IHK)
LDM158 
Beitragsersteller
 18.02.2025, 14:17

Ist denn Anima sinnvoll für ein Projekt in production?
Ich bin auch schon auf dieses Tool gestoßen, aber es schien mir so das es über komplizierten Code erzeugt.

Mirko Marek  18.02.2025, 14:45
@LDM158

Hi LDM158,
leider kann ich nichts dazu schreiben. Ich habe Anima selber nicht verwendet. Natürlich kann es bei der Konventierung/Instanzierung des Projekts in React zu komplexeren Code kommen. Das bringt einige Herausforderung mit sich. Daher ist mit Mehraufwand zu rechnen. Darf ich Fragen um was es sich handelt in deinem Projekt?