Publié le: Apr 21, 2022
Aujourd'hui, AWS annonce la disponibilité générale des fonctionnalités de code Figma-to-React d'AWS Amplify Studio, offrant aux développeurs frontend un flux de travail plus rapide pour créer des applications complètes. Ces nouvelles fonctionnalités s'ajoutent aux capacités existantes de création et de gestion de backend d'Amplify Studio, aidant les développeurs à accélérer le développement de l'interface utilisateur. En général, il y a beaucoup d'allers-retours entre les développeurs frontend et les concepteurs, ce qui peut conduire à des expériences utilisateur final non optimales en raison des compromis faits pour livrer à temps. Avec Amplify Studio, le développement d'une interface utilisateur conforme à la conception est un jeu d'enfant : « importer depuis Figma, exporter vers le code et étendre le code avec une logique personnalisée ».
Amplify Studio utilise les designs Figma pour générer automatiquement des composants React au pixel près qui peuvent être connectés à votre backend en quelques clics. Les capacités de Figma-to-React ont été lancées en avant-première lors de re:Invent 2021, et de nouvelles fonctions ont depuis été ajoutées pour inclure l'interactivité, une expérience améliorée pour modifier l'élément d'interface utilisateur enfant dans le code, et de nouvelles capacités de thématisation.
L'éditeur de composants d'Amplify Studio permet désormais aux développeurs d'ajouter de l'interactivité à leurs composants d'interface utilisateur, comme l'enregistrement de données d'un formulaire vers le backend ou des actions de navigation comme le renvoi à une URL. Les composants générés sont familiers à tout développeur React et offrent la même flexibilité que les composants rédigés à la main, avec des mécanismes permettant de modifier les propriétés des composants, le style des éléments et les gestionnaires d'événements. Tous ces composants respectent les bonnes pratiques en matière d'accessibilité et sont également thématisables à l'aide d'un plugin Figma pour s'adapter au visuel de votre marque en quelques minutes.
Les capacités de développement d'interface utilisateur d'Amplify Studio sont généralement disponibles dans 17 Régions AWS : USA Est (Ohio), USA Est (Virginie du Nord), USA Ouest (Californie du Nord), USA Ouest (Oregon), Asie-Pacifique (Mumbai), Asie-Pacifique (Séoul), Asie-Pacifique (Singapour), Asie-Pacifique (Sydney), Asie-Pacifique (Tokyo), Canada (Centre), EU (Francfort), EU (Irlande), EU (Londres), EU (Paris), EU (Stockholm), Moyen-Orient (Bahreïn) et Amérique du Sud (São Paulo).
Consultez notre blog AWS News pour commencer à utiliser les dernières fonctions d'Amplify Studio.