Aracılığıyla paylaş


UI kitini kullanarak uygulamanızı tasarlama

[Bu makale, yayın öncesi belgelerine dahildir ve değiştirilebilir.]

Bir Figma tasarımından uygulama oluşturmak için Figma UI Kit'ten Uygulama Oluşturma ile başlamalısınız. UI kiti bileşenlerden, örnek uygulamalardan ve aşağıdakiler gibi birkaç ek kaynaktan oluşur:

  • Nelerin desteklenip nelerin desteklenmediği hakkında bilgi.
  • Uygulamanızı Power Apps'te dönüştürülmesi için Figma'da nasıl tasarlayacağınıza dair adım adım talimatlar.
  • Temel düzey ekranlardan düğmeler, açılır menüler ve metin girişleri gibi bağımsız bileşenlere kadar desteklenen bileşenlerin listesi.
  • Bileşenlerin nasıl kullanılacağına ilişkin önemli rehberlik.

UI kitini edinin

  1. Figma UI Kit'inden Uygulama Oluşturma sayfasına gidin.
  2. Gerekirse Figma kimlik bilgilerinizle oturum açın.
  3. Çoğalt'ı seçin ve ardından üyesi olduğunuz Figma ekibini seçin. Figma'da projeleri çoğaltma hakkında daha fazla bilgi için bkz. Figma: Yinelenen dosyalar veya projeler.
  4. Gerekirse dosya adının yanındaki aşağı oku seçin ve dosyayı taslaklarınızdan çıkarın.

Talimatları okuyun

UI kitinin içindeki Önce bunu okuyun ve 1. Adım: Başlarken sayfalarındaki talimatları okuyun. Bu sayfalardaki talimatlar, bu kitin kullanımıyla ilgili genel yönergeleri anlamanıza yardımcı olur. Ayrıca, yazı tipi stilleri, bileşen yönergeleri, desteklenen bileşenler ve daha fazlası gibi kit tarafından kullanılan kaynaklar hakkında daha fazla bilgi edineceksiniz.

Uygulamanızı tasarlayın

Kendi uygulama tasarımınızı oluşturmak üzere kiti kullanmaya başlamak için UI kiti içindeki 2. Adım: Uygulamanızı tasarlayın sayfasındaki talimatları izleyin.

Tasarım sırasında yapılması ve yapılmaması gerekenler

Kit, bileşenlerin nasıl kullanılacağına ilişkin ayrıntılı rehberlik içerir. Ancak, uygulamayı tasarlarken akılda tutulması gereken en önemli şeylerden bazıları şunlardır:

  • Tasarım süreci ve dönüştürme sürecinin sorunsuz ilerlemesi için her sayfayı dikkatlice okuyun.
  • Yalnızca bu kitten desteklenen bileşenleri kullanarak tasarım yapın.
  • Yalnızca sette listelenen desteklenen yazı tiplerini kullanın.
  • Bileşen adlarını değiştirmeyin.
  • Bileşen katmanlarını değiştirmeyin.

Daha fazla bilgi

Kit ayrıca aşağıda özetlenen daha fazla bilgi için ek sayfalar sağlar:

Ayrıca bkz.