[이 문서는 시험판 문서이며 변경될 수 있습니다.]
Figma 디자인 파일에서 앱을 만드는 기능은 앱 UI 개발 프로세스를 가속화하여 디자인과 개발 간의 격차를 해소하는 데 직접적인 도움이 됩니다. 이를 통해 개발자와 디자이너는 효과적이고 효율적으로 협업하여 저렴한 비용과 노력으로 훌륭한 최종 사용자 경험을 제공할 수 있습니다.
디자이너는 Figma UI Kit에서 앱 만들기를 사용하여 Figma에서 디자인을 만들 수 있으며 이는 Power Apps에 지원되는 구성 요소를 제공하며 키트 사용 방법에 대한 자세한 지침이 포함되어 있습니다. 디자인이 생성되면 Figma 디자인 파일에 대한 링크를 제공하고 Power Apps는 이러한 디자인을 기반으로 새 캔버스 앱을 생성합니다. 디자인 프레임은 Power Apps의 화면으로 자동으로 변환됩니다. 앱 UI가 준비되면 데이터에 연결, 앱 로직 추가, 스크린 및 컨트롤 추가를 통해 이 앱을 확장할 수 있습니다.
1단계 - 디자인을 시작하기 전에 지원되는 항목과 지원되지 않는 항목에 대한 Figma UI Kit에서 앱 만들기에서 설명서의 지침을 읽으세요.
2 단계 - Figma에서는 지원되는 구성 요소로 작업하는 방법에 대한 지침과 지침이 포함된 이 페이지에서 앱을 디자인합니다.
3단계 - Power Apps에서, 앱을 변환합니다. Figma 링크와 토큰을 제공하면 됩니다.
4단계 - 변환 후에는 앱을 더욱 상호작용적이고 유용하게 만들기 위한 몇 가지 다음 단계를 수행하게 됩니다.
Figma에서 앱 설계
Figma UI Kit에서 앱 만들기를 사용하여 Figma에서 앱을 설계합니다. 앱을 설계할 때 키트에 지원되는 Power Apps 구성 요소를 사용합니다.
디자인에서 앱 만들기
앱 디자인을 완료한 후 빠르고 쉬운 단계에 따라 Figma 디자인에서 캔버스 앱을 만듭니다.
앱 빌드 계속하기
화면 및 컨트롤을 더 추가하여 Power Apps Studio에서 계속해서 앱을 빌드합니다. 데이터에 연결하여 앱을 확장하거나 앱 로직을 추가하여 사용자 지정할 수 있습니다.