Publicado en: Apr 21, 2022

Hoy, AWS anuncia la disponibilidad general de las capacidades de código Figma a React de AWS Amplify Studio, que brindan a los desarrolladores de frontend un flujo de trabajo más rápido para crear aplicaciones de pila completa. Estas nuevas capacidades se suman a las capacidades existentes de administración y creación de backend de Amplify Studio, lo que ayuda a los desarrolladores a acelerar el desarrollo de la interfaz de usuario. Por lo general, se producen muchas idas y venidas entre los desarrolladores y los diseñadores de frontend, lo que puede conducir a experiencias del usuario final ineficientes debido a los compromisos asumidos para realizar los envíos a tiempo. Con Amplify Studio, desarrollar la interfaz de usuario según el diseño es tan fácil como “importar desde Figma, exportar al código y ampliar el código con una lógica personalizada”.

Amplify Studio utiliza diseños de Figma para generar automáticamente componentes de React con píxeles perfectos que se pueden conectar a su backend con unos pocos clics. Las capacidades de Figma a React se lanzaron en versión preliminar en re:Invent 2021 y desde entonces se han agregado nuevas características a fin de incluir interactividad, una experiencia mejorada para modificar el elemento secundario de la interfaz de usuario en el código y nuevas capacidades de temas.

El editor de componentes de Amplify Studio ahora permite a los desarrolladores agregar interactividad a sus componentes de interfaz de usuario, como guardar datos de un formulario en su backend o acciones de navegación como ir a una URL. Los componentes generados son conocidos para cualquier desarrollador de React y ofrecen la misma flexibilidad que los componentes creados a mano con mecanismos para modificar las propiedades de los componentes, el estilo de los elementos y los controladores de eventos. Todos estos componentes siguen las prácticas recomendadas de accesibilidad y también se pueden personalizar con un complemento de Figma para que coincida con la apariencia de la marca en minutos.

Las capacidades de desarrollo de interfaz de usuario de Amplify Studio están disponibles de manera general en 17 regiones de AWS: Este de EE. UU. (Ohio), Este de EE. UU. (Norte de Virginia), Oeste de EE. UU. (Norte de California), Oeste de EE. UU. (Oregón), Asia-Pacífico (Bombay), Asia-Pacífico (Seúl), Asia-Pacífico (Singapur), Asia-Pacífico (Sídney), Asia-Pacífico (Tokio), Canadá (centro), Europa (Fráncfort), Europa (Irlanda), Europa (Londres), Europa (París), Europa (Estocolmo), Medio Oriente (Baréin) y América del Sur (São Paulo).

Consulte nuestro blog de novedades de AWS para comenzar a utilizar las características más recientes de Amplify Studio.