فایل Figma از پیش پیکربندی شده را دانلود کنید
بیایید با ایجاد یک جزء در Figma شروع کنیم. برای این آموزش ما از یک فایل Figma موجود برای استفاده به عنوان مثال استفاده خواهیم کرد. این فایل شامل یک قاب طرح خودکار با یک تصویر و عنوان است. مطمئن شوید که به حساب Figma خود وارد شده اید.
- این فایل Figma را در رایانه خود دانلود کنید: HelloFigma.fig .
در مرورگر فایل Figma، ماوس را روی Drafts نگه دارید. نماد + ظاهر می شود. روی + و سپس Import… کلیک کنید و فایل HelloFigma.fig را که به تازگی دانلود کرده اید انتخاب کنید.
فایل وارد شده را در Figma باز کنید.
یک جزء ایجاد کنید
برای استفاده از طرح وارد شده با افزونه Relay for Figma، ابتدا باید آن را به یک جزء تبدیل کنیم. قاب Hello Card را انتخاب کنید و از نوار ابزار، روی Create Component کلیک کنید.
یک بسته UI ایجاد کنید
افزونه Relay for Figma اطلاعات اضافی را به کامپوننت اضافه می کند تا بتوانید با توسعه دهندگان خود که می توانند از کامپوننت در کد خود استفاده کنند کار کنید.
افزونه Relay for Figma را در فایل خود باز کنید (در منوی Figma: Plugins > Relay for Figma ). روی Get Started کلیک کنید.
مؤلفه را انتخاب کنید و روی Create UI Package کلیک کنید.
با انتخاب بسته UI، توضیحاتی را به خلاصه اضافه کنید. به عنوان مثال: "جزء Hello Card که برای نمایش محتوای تصویر و عنوان استفاده می شود"
روی اشتراک‌گذاری با توسعه‌دهنده در گوشه سمت راست پایین کادر گفتگو کلیک کنید تا به صفحه بعدی بروید.
با جریان توسعه دهنده به اشتراک بگذارید
اکنون که یک بسته UI ایجاد کرده اید، جزء خود را آماده کنید تا آن را با تیم توسعه به اشتراک بگذارید.
یک نسخه جدید با نام از فایل فایل کامپوننت ایجاد کنید. استفاده از نسخه‌های نام‌گذاری‌شده مؤلفه از تأثیر تغییرات ناخواسته بر اجزای تولید جلوگیری می‌کند.
نام و توضیحاتی را برای اولین نسخه مولفه وارد کنید، سپس روی ذخیره کلیک کنید.
سپس، یک پیوند کامپوننت قابل اشتراک‌گذاری ایجاد کنید و با تایپ CMD-L در مک یا CTRL-L در ویندوز، آن را در کلیپ بورد کپی کنید.
مرحله بعدی
اکنون، شما آماده هستید که مؤلفه رابط کاربری خود را به Android Studio بسپارید.
برای تکمیل قسمت بعدی این آموزش اندروید استودیو را باز کنید.
در اندروید استودیو طرح ها را به کد تبدیل کنید