امکان ساخت رابط کاربری فلاتر با Adobe XD فراهم شد

  • آخرین بروزرسانی در پنج‌شنبه 14 می 2020

در رویداد Flutter Interact دسامبر گذشته، خبری که منتشر شد و مورد توجه بسیاری قرار گرفت، همکاری Google و Adobe XD به سود توسعه دهندگان فلاتر بود. از امروز امکان استفاده از ابزار طراحی Adobe XD برای ساخت رابط کاربری برای اپلیکیشن های فلاتر امکان پذیر است.

در حالی که SDK فلاتر کمپانی گوگل ابزارهای مختلفی برای طراحی ساده اپلیکیشن به شیوه ای که توسعه دهندگان در ذهن دارند، ارائه کرده است، برای مثال روشی برای ساخت اپلت های فلاتر به صورت مستقیم در مرورگر وب با استفاده از CodePen، برخی طراحان ممکن است ترجیح دهند از ابزاری استفاده کنند که از قبل با آن آشنایی دارند.

به این منظور، Google و Adobe در همکاری با یکدیگر چنین چیزی را امکان پذیر کردند؛ در وهله اول، امکان گرفتن طراحی از Adobe XD و درون ریزی آن به طور مستقیم در پروژه تان به صورت ویجت های فلاتری که به زبان دارت نوشته شده، امکان پذیر شده است. برای دست یافتن به چنین قابلیتی و دوری از نوشتن کد های تکراری می بایست کتابخانه ای را تحت عنوان adobe xd را به پروژه فلاتر خود اضافه کنید.

به محض این که پروژه خود را ساختید، می توانید به لطف قابلیت Hot Reload فلاتر، تغییراتی که در Adobe XD داده اید را به صورت زنده روی اپلیکیشن خود مشاهده کنید.

با این وجود، گوگل یادآوری کرده که هنوز تمام قابلیت های Adobe XD توسط پلاگین مورد نظر در فلاتر پشتیبانی نمی شود ولی وهله اول دستکم به توسعه دهندگان نشان می دهد که چه چیز هایی در راه است.

مدیر ارشد اکوسیستم محصولات Adobe، ویجای واچانی، از این که حالا توسعه دهندگان می توانند محصول تلاش هایش را تجربه کنند ابراز خوشحالی کرده است.

افزونه adobe xd فلاتر
خروجی adobe xd فلاتر
نمونه خروجی adobe xd

در Adobe، ما همیشه به دنبال ساده سازی روند کاری طراح به کدنویس هستیم چرا که بسیاری از تیم ها را در حین ساخت و طراحی اپلیکیشن آزار می دهد. امروز، ما خوشحالیم که اولین مرحله از کارمان که در همکاری با فلاتر به منظور حذف آزمون و خطا، بهبود تصمیم گیری و کمک به تیم ها برای ارائه تجربه های جدیدتر از اپلیکیشن ها هر چه سریع تر به بازار صورت گرفته را عرضه می کنیم.

ویجای واچانی، مدیر ارشد اکوسیستم محصولات Adobe
📌 مستندات
برای دنبال کردن نوشته های کاپ کد به کانال تلگرامی آن (cupcode_ir@) بپیوندید!

دیدگاه خود را بیان کنید

@