28 Punkte von GN⁺ 2025-09-13 | Noch keine Kommentare. | Auf WhatsApp teilen
  • Reshaped ist ein Projekt, das React- und Figma-Komponentenbibliotheken für Designer und Entwickler bereitstellt
  • Anfangs wurde es über ein kostenpflichtiges Lizenzmodell angeboten, jetzt wurde es vollständig auf Open Source umgestellt
  • Durch die Open-Source-Freigabe sind sowohl der Quellcode als auch die Designbibliothek jetzt über GitHub und die Figma Community verfügbar
  • Das Projekt stärkt die Verbindung zwischen Design und Engineering und zeigt Best Practices, die sich direkt in der Praxis einsetzen lassen
  • Bestehende Käufer erhalten auch weiterhin Updates und Support

Hintergrund der Open-Source-Umstellung von Reshaped

  • Der Anstoß für das Reshaped-Projekt vor etwa fünf Jahren war der Bedarf an einer Komponentenbibliothek, die sowohl in React als auch in Figma genutzt werden kann
  • Auf Basis von mehr als zehn Jahren Erfahrung mit Design-Systemen besteht ein klares Verständnis für wiederkehrende Probleme in Design-Systemen und für gute Standards
  • Es wurde erkannt, dass 80 % des Webs noch immer auf ähnlichen zentralen Designprinzipien aufbauen. Deshalb wurde ein System entworfen, das diesen Bereich breit abdeckt und zugleich Low-Level-Utilities bereitstellt, damit Entwickler die übrigen 20 % flexibel lösen können
  • Von Anfang an lag der Fokus nicht nur auf Accessibility oder Design allein, sondern darauf, die Ausrichtung von Design und Engineering sowie UI-Theming, Dark Mode und Mikroanimationen gemeinsam als praktische Herausforderungen zu lösen

Vom Bezahlmodell zur Entscheidung für Open Source

  • Um die nachhaltige Pflege des Projekts zu sichern, wurde anfangs ein Modell mit kostenpflichtigen Lizenzen für Einzelpersonen und Teams gewählt
  • Dadurch konnte man sich stärker auf eine kleinere Community konzentrieren und intensiv auf Bug-Reports und Feature-Wünsche eingehen
  • Der Wunsch, die Bezahlschranke eines Tages zu entfernen, war schon länger da, und vor zwei Jahren ergaben sich neue Möglichkeiten, als zunächst das React-Paket kostenlos gemacht wurde
  • Nun werden der gesamte Quellcode und die Figma-Bibliothek als Open Source veröffentlicht; React ist auf GitHub verfügbar, Figma in der Figma Community

Bedeutung und erwartete Effekte der Open-Source-Umstellung

  • Reshaped ist ein Werkzeug, das eine Brücke zwischen Design und Engineering schlägt, sodass beide Seiten Best Practices für den Aufbau skalierbarer Design-Systeme lernen können
  • Da der Bibliothekscode offenliegt, lässt sich bei der Einführung neuer Funktionen der tatsächliche Implementierungsprozess transparent teilen
  • Neue Funktionen von Figma oder React können anhand der Beispiele von Reshaped schon vor der Anwendung im Design-System eines Unternehmens benchmarkt werden

Weitere Pläne und Unterstützung für die Community

  • Die Komponentenbibliothek von Reshaped soll auch künftig weiter ausgebaut werden
    • Bestehende Käufer erhalten weiterhin ohne Änderungen künftige Updates und Support
    • Auch die bisherigen Kommunikationskanäle bleiben unverändert bestehen
  • Künftig wird erwogen, auf der Core-Bibliothek aufbauend noch hochwertigere und benutzerfreundlichere Premium-Komponenten hinzuzufügen
    • Im Fokus stehen dabei keine isolierten Funktionen wie 50 Landingpage-Layouts, sondern anspruchsvolle Komponenten, die komplexe CSS- und React-Logik erfordern

Die Entscheidung, an die Community zurückzugeben

  • Nach fünf Jahren Closed Source wird nun alles an die Community zurückgegeben, verbunden mit der Vorfreude auf neue Möglichkeiten

Noch keine Kommentare.

Noch keine Kommentare.