게시된 날짜: Apr 21, 2022
오늘 AWS는 AWS Amplify Studio Figma-to-React 코드 기능의 정식 출시를 발표하여 프런트 엔드 개발자에게 전체 스택 앱을 구축하기 위한 더 빠른 워크플로를 제공합니다. 이러한 새로운 기능이 기존 Amplify Studio 백엔드 생성 및 관리 기능에 추가되어 개발자가 UI 개발을 가속화할 수 있습니다. 일반적으로 프런트 엔드 개발자와 디자이너 사이에는 많은 대화가 오가며, 제시간에 배송하기 위한 타협으로 인해 최종 사용자 경험이 최적화되지 않을 수 있습니다. Amplify Studio를 사용하면 디자인에 따른 UI 개발이 "Figma에서 가져오기, 코드로 내보내기 및 사용자 정의 로직으로 코드 확장"만큼 쉽습니다.
Amplify Studio는 Figma 디자인을 사용하여 클릭 몇 번으로 백엔드에 연결할 수 있는 완벽한 픽셀 React 구성 요소를 자동으로 생성합니다. Figma-to-React 기능은 re:Invent 2021에서 평가판으로 출시되었으며 이후 상호 작용 기능, 코드에서 하위 UI 요소를 수정하는 향상된 경험 및 새로운 테마 기능을 포함하는 새로운 기능이 추가되었습니다.
Amplify Studio 구성 요소 편집기를 사용하면 이제 개발자가 양식에서 백엔드로 데이터를 저장하거나 URL로 이동하는 것과 같은 탐색 작업 등의 상호 작용 기능을 UI 구성 요소에 추가할 수 있습니다. 생성된 구성 요소는 모든 React 개발자에게 익숙하며 구성 요소 속성, 요소 스타일링 및 이벤트 핸들러를 수정하기 위한 메커니즘을 사용하여 손으로 작성한 구성 요소와 동일한 유연성을 제공합니다. 모든 구성 요소는 접근성 모범 사례를 따르며 Figma 플러그 인을 사용하여 몇 분 만에 브랜드의 모양과 느낌에 맞게 테마를 지정할 수도 있습니다.
Amplify Studio UI 개발 기능은 미국 동부(오하이오), 미국 동부(버지니아 북부), 미국 서부(오레곤), 미국 서부(캘리포니아 북부), 아시아 태평양(뭄바이), 아시아 태평양(서울), 아시아 태평양(싱가포르), 아시아 태평양(시드니), 아시아 태평양(도쿄), 캐나다(중부), EU(프랑크푸르트), EU(아일랜드), EU(런던), EU(파리), EU(스톡홀름), 중동(바레인) 및 남아메리카(상파울루)의 17개 AWS 리전에서 정식 출시되었습니다.
Amplify Studio의 최신 기능을 시작하려면 AWS 뉴스 블로그를 확인하세요.