Veröffentlicht am: Apr 21, 2022
AWS kündigt heute die allgemeine Verfügbarkeit von Code-Funktionen in AWS Amplify Studio Figma-to-React an, die Frontend-Entwicklern einen schnelleren Workflow für die Erstellung von Full-Stack-Anwendungen ermöglichen. Diese neuen Funktionen ergänzen die bestehenden Backend-Erstellungs- und Verwaltungsfunktionen von Amplify Studio und helfen Entwicklern, die UI-Entwicklung zu beschleunigen. In der Regel gibt es viel Hin und Her zwischen Frontend-Entwicklern und Designern, was zu suboptimalen Endbenutzererlebnissen führen kann, weil Kompromisse eingegangen werden, um die Zeitvorgaben einzuhalten. Mit Amplify Studio ist die Entwicklung der Benutzeroberfläche gemäß dem Design so einfach wie „Importieren aus Figma, Exportieren in den Code und Erweitern des Codes mit benutzerdefinierter Logik“.
Amplify Studio verwendet Figma-Designs, um automatisch pixelgenaue React-Komponenten zu generieren, die mit wenigen Klicks mit Ihrem Backend verdrahtet werden können. Die Figma-to-React-Funktionen wurden auf der re:Invent 2021 in einer Vorversion vorgestellt, und seither wurden neue Funktionen hinzugefügt, darunter Interaktivität, eine verbesserte Möglichkeit, untergeordnete UI-Elemente im Code zu ändern, und neue Thematisierungsfunktionen.
Mit dem Komponenteneditor von Amplify Studio können Entwicklern jetzt ihren UI-Komponenten Interaktivität hinzufügen, z. B. das Speichern von Daten aus einem Formular in ihrem Backend oder Navigationsaktionen wie das Aufrufen einer URL. Die generierten Komponenten sind jedem React-Entwickler vertraut und bieten die gleiche Flexibilität wie von Hand erstellte Komponenten mit Mechanismen zur Änderung von Komponenteneigenschaften, Elementstyling und Event-Handlern. Alle diese Komponenten entsprechen den bewährten Methoden für Barrierefreiheit und können mit einem Figma-Plugin in wenigen Minuten an das Erscheinungsbild Ihrer Marke angepasst werden.
Die UI-Entwicklungsfunktionen von Amplify Studio sind in 17 AWS-Regionen allgemein verfügbar: USA Ost (Ohio), USA Ost (Nord-Virginia), USA West (Nordkalifornien), USA West (Oregon), Asien-Pazifik (Mumbai), Asien-Pazifik (Seoul), Asien-Pazifik (Singapur), Asien-Pazifik (Sydney), Asien-Pazifik (Tokio), Kanada (Zentral), Europa (Frankfurt), Europa (Irland), Europa (London), Europa (Paris), Europa (Stockholm), Naher Osten (Bahrain) und Südamerika (São Paulo).
Lesen Sie zum Einstieg in die neuesten Funktionen von Amplify Studio unseren AWS News Blog.