위젯을 추가하여 사용자 경험을 한 단계 업그레이드하세요. 위젯은 맞춤설정 가능한 홈 화면 요소로, 앱의 콘텐츠나 작업을 명확하고 실행 가능한 상태로 표시합니다.

시작하기

가이드
레이아웃은 위젯 내에서 정보와 대화형 요소가 구성되는 방식을 나타냅니다. 텍스트, 목록, 그리드 유형 위젯을 위한 사전 빌드된 레이아웃에 관해 자세히 알아보세요.
가이드
여러 크기로 원활하게 확장되는 위젯 디자인에 관해 자세히 알아보세요. 기본 위젯 크기를 확인하고 사용 가능한 그리드 공간을 최대한 활용하는 방법을 알아보세요.
가이드
위젯의 시각적 효과를 강화하고 사용자의 기기 테마에 맞도록 위젯의 스타일을 지정하는 방법을 알아보세요.
가이드
적절한 크기를 사용하고 적절한 미리보기 콘텐츠를 표시하여 위젯 선택 도구에서 위젯을 승격하는 방법을 알아봅니다.
레이아웃을 결정하기 전에 위젯에 표시하려는 콘텐츠를 생각해 봅니다. 위젯에 이미지가 풍부하도록 하시겠습니까, 아니면 텍스트가 많을까요? 다양한 콘텐츠 유형에 대한 레이아웃 예를 찾아보세요.
가장 일반적인 위젯 유형에 맞게 미리 준비된 반응형 레이아웃으로 시작하고 실행하세요.
위젯이 유연한지 확인하고 위젯의 크기를 어떻게 조절할 수 있는지 고려합니다. 세로 모드, 정사각형 또는 가로 모드 레이아웃에서는 어떻게 표시되나요?
홈 화면 공간은 매우 중요하므로 할당된 공간을 최대한 활용할 수 있도록 위젯을 빌드하는 것이 중요합니다.
위젯이 품질 기준을 충족하는지 확인하기 위해 핵심 구성요소와 자세한 디자인 사양을 이해합니다.
사용자의 홈 화면에 더 잘 어울리도록 위젯이 밝은 테마 및 어두운 테마, 대비 설정과 같은 기능을 사용할 수 있도록 위젯이 시스템 기기 테마 설정에 맞게 조정되도록 허용합니다.
권장 위젯 크기부터 고품질 미리보기에 이르기까지, 가이드를 검토하여 위젯이 눈에 띄고 다른 앱들보다 눈에 잘 띄도록 할 수 있습니다.

키트 다운로드

Figma
디자인 구성요소를 사용하여 아름답고 기능적인 위젯을 만드세요. 이러한 구성요소와 패턴은 일관성을 유지하고 브랜드를 표시하는 동시에 위젯을 사용한 최적의 사용자 환경을 보장합니다.