Figma ile PowerApps Tasarımı nedir?
Microsoft geçtiğimiz günlerde PowerApps içerisine Figma tasarımlarını import edebildiği bir güncelleme paylaştı. Hali hazırda PowerApps Danışmanlığı verdiğimiz firmalar ve Inthouse için gerçek bir dönüm noktası niteliğinde olan bu güncellemeyi hemen deneyerek ilk sample Figma PowerApps Design‘ı PowerApps içerisinde çalıştırdık. Hadi gelin nasıl yaptığımıza birlikte bakalım.
Inthouse Microsoft ekibinin yurtiçi ve yurtdışı firmalar için hazırladığı uygulamaları tasarlarken en çok istedikleri özel tasarım istemi, Inthouse Kreatif ekibinin de en çok kullandığı uygulama ile çözülüyor! Bu konuda izlemeniz gereken adımları anlatmaya başlıyoruz. Öncelikle her iki uygulama için de hesaplarınızın olması gerektiğini hatırlatmamız gerekiyor. Sonrasında Microsoft’un bize sunduğu detaylı bir yönlendirme yazısını inceliyoruz. Yazıya buradan ulaşabilirsiniz.
Buradaki yazıyı inceledikten sonra Figma içerisinde de açabileceğiniz bir PowerApps Figma UI Kit‘e ulaşıyorsunuz. UI Kit’e Microsoft Power Apps – Create Apps from Figma UI Kit (Preview) linkinden de ulaşabilirsiniz. Açılacak ekran aşağıdaki gibi olacaktır. Tarayıcı içerisinde düzenleme yapacağınız gibi Local Figma Uygulamanızda da kullanabileceksiniz.
Figma ile PowerApps Tasarımı hazırlamaya başmadan önce Figma içerisindeki layers kısmında öncelikle okumanız gereken yönlendirme ile bazı font ihtiyaçlarını indirmeniz ve do/not to do’ları görerek aslında tasarımda nasıl ilerlemeniz gerektiğini hızlıca çözebilirsiniz. . Burada detaylı verilen Figma ile PowerApps Tasarımı Tiplerini dikkatle incelemek çok daha hızlı ilerlemenizi sağlayacaktır. Bir sorun yaşamanız durumunda da geri dönmenizi kolaylaştıracak bir düzen ile size büyük bir kolaylık sağlamış olan alan aslında Figma ile PowerApps Tasarımı bilgisi olmayan kişiler için özel olarak düzenlenmiş.
Stepler ile ayrılmış olan süreçler, desteklenen component’ler ve örnek tasarım ile oldukça hızlı tasarımlar çıkartabileceğiniz bir Kit oluşturulmuş. Tablet ve Telefon olarak ayrılan tasarım alanlarına sürükle bırak ile tasarımlarınızı gerçekleştirebiliyor Figma üzerindeki ölçeklendirme kurallarına göre tasarım kurgusunu yapabiliyorsunuz. Ayrıca sunulan assets alanı içerisindeki elementleri kullanarak tasarımınızı düzenleyebiliyorsunuz.
Inthouse Kreatif Ekibi olarak Figma ile PowerApps Tasarımı yapmak bizi çok heyecanlandırdı ve hızlıca neler olabiliyormuş anlamak adına iki sayfalık bir tasarım hazırladık. Tasarımda önerilen assets serisi içerisinden button, check-box ve input gibi elementleri kullandık. Bu elementler tasarım renklerine göre Figma içerisinden izin verildiği şekilde düzenlenebiliyor.
Figma ile PowerApps Tasarımı hazırlandıktan sonraki süreç çok daha kolay ilerliyor;
- PowerApps içerisinden Figma dosya oluştur alanını açın.
- İlk alana App adınızı yazın
- 2. alana Figma içerisinde oluşturduğunuz tasarımın layer üzerine sağ tıklayarak aldığınız figma linkini yapıştırın
- 3. alana ise token linkinizi yapıştırmanız gerekmektedir. Bunun için ise Figma home ekranından isminizin bulunduğu kısıma geliyorsunuz. (uygulamada solda/tarayıcıda sağda yer alıyor) İsminizin üzerine tıkladığınızda settings kısmı çıkıyor. Buradan aşağıda bulunan Personal access tokens alanından generate yaparak elde ettiğiniz numarayı kullanıyorsunuz.
- Son olarak hangi cihaz kullanarak tasarım yaptıysanız onu seçiyor ve sağda önizlemesini görebiliyorsunuz. Create butonuna tıkladığınızda ise yeni tasarımınız PowerApps içerisine alınmış oluyor.
Hızlı ve pratik adımları takip ederek hazırladığımız Figma ile PowerApps Tasarımı, PowerApps içerisinde görüntülenebiliyor. Hızlıca import edilebilen bu kullanıcı dostu özellik sayesinde güzel işlere imza atacağımız için çok heyecanlıyız. Müşterilerimizden gelen istekleri tasarlayarak sunabilecek olmak ve süreci bu kadar hızlı optimize şekilde kullanabileceğimizi bilmek çok büyük mutluluk. İncelememiz devam ettikçe ve yeni güncellemeler geldikçe yine sizlerle blog yazılarımızda buluşuyor olacağız. Ayrıca bu konuda detaylı bir youtube videosu ile birlikte bir örnek hazırladığımız “Figma ile PowerApps Tasarımı” başlıklı bir içerik üretmeyi de Temmuz ayı içerisinde tamamlamış olacağız. Bize iletişim numaralarımızdan veya Linked-in üzerinden ulaşabilirsiniz. Aklınıza takılan her şey için bize yazmaktan çekinmeyin.
Kreatif tasarımlar, sorunsuz çalışan kodlar dileriz
Inthouse.co
PowerApps Nedir? PowerApps Nasıl Çalışır? PowerApps Tasarımı Nedir? gibi sorularınıza kısa bir yanıt verelim.
PowerApps, işletmenizin ihtiyaçlarına özel uygulamalar oluşturmanıza olanak sağlayan bir platformdur. Kullanıcı dostu arayüzü ve sürükle-bırak özelliği sayesinde, teknik bilgi gerektirmeden hızla uygulama geliştirebilirsiniz. Veri girişi, iş takibi, raporlama, envanter yönetimi ve daha birçok süreci kolayca otomatikleştirebilirsiniz. Inthouse.co uzun yıllardır PowerApps Danışmanlığı konusunda uzmanlaşmış bir ekibe sahiptir ve hem yurt içi hem de yurtdışındaki müşterilerimize danışmanlık hizmeti sunmaktayız. İşletmenizin ihtiyaçlarına özel çözümler sunarak, iş süreçlerinizi dönüştürmek ve rekabet avantajı elde etmenizi sağlamak için buradayız.
