سختی: سادهزمان مورد نیاز ۱۰ دقیقه
از طرح فیگما سایت بساز
افزونه Peyda Exporter طرح دسکتاپ را از فیگما بیرون می‌آورد. پیدا همان طرح را دقیق نشان می‌دهد، و در گفتگو می‌پرسد چه تغییری می‌خواهی.
قبل از شروع
- ۱. وارد حسابت در پیدا شده باشی.
- ۲. افزونه Peyda Exporter را در فیگما نصب کرده باشی.
- ۳. هر صفحهٔ سایت یک فریم جدا، در عرض دسکتاپ، باشد.
مراحل
۱
فریم‌ها را برای خروجی آماده کن
هر صفحهٔ سایت را در یک فریم سطح بالا بگذار؛ دکمه، کارت و کامپوننت کوچک صفحه نیستند. عرض فریم را حدود ۱۲۸۰ تا ۱۴۴۰ پیکسل بگیر. فریم صفحهٔ اصلی را Home نام بگذار تا آدرس اصلی سایت شود. متن‌ها را Text نگه دار و به Outline تبدیل نکن، چون پیدا فقط متن واقعی را می‌خواند. فریم موبایل را صفحهٔ جدا خروجی نگیر. تصاویر را فشرده نگه دار: فایل zip حداکثر ۱۰۰ مگابایت و ۱۰۰۰ فایل است.
۲
از افزونه فایل zip بگیر
در فیگما از منوی Plugins افزونه را باز کن، فریم صفحه‌ها را انتخاب کن و «دانلود برای پیدا» را بزن. فایل zip را از حالت فشرده خارج نکن و نام یا پوشه‌های داخلش را عوض نکن. فایل .fig و خروجی HTML عمومی در پیدا باز نمی‌شود. نصب Peyda Exporter
۳
در پیدا طرح را بارگذاری کن
در داشبورد تب «از فیگما» را انتخاب کن. روی «انتخاب فایل zip افزونه پیدا» بزن، زبان سایت را بین فارسی، انگلیسی، عربی و ترکی انتخاب کن، بعد «بساز» را بزن. زبان سایت را پیدا حدس نمی‌زند. اگر متن داخل طرح با این زبان یکی نباشد، متن ترجمه می‌شود؛ اگر جهت نوشتار هم فرق کند، چیدمان آینه‌ای می‌شود. نام فایل zip، تا ۴۸ حرف، عنوان پروژه می‌شود. اگر تب «از فیگما» را نمی‌بینی، این مسیر هنوز برای حسابت باز نشده است. از صفحهٔ تماس بنویس.
۴
نسخهٔ دقیق طرح را ببین
طرح همان فریم دسکتاپ است، بدون بازطراحی. رنگ، فونت، متن و تصویر را با فایل فیگما مقایسه کن. روی عرض موبایل این نسخه فقط کوچک شده است و هنوز واکنش‌گرا نیست.
۵
بگو چه تغییری می‌خواهی
در گفتگو می‌بینی: «طراحی با موفقیت درون ریزی شد. حالا بگو چه تغییری میخوای بدی.» هر تغییری را همان‌جا بنویس. اگر بخواهی برای موبایل و تبلت هم مرتب شود، همان را بگو.
۶
با گفتگو کامل کن و منتشر کن
از چت پیدا متن را عوض کن، یک بخش را کوتاه کن، یا فرم تماس بخواه تا پیام‌ها به صندوق ورودی بیاید. عنوان سئو، تصویر اشتراک، گوگل تگ منیجر، زبان اضافه و دامنهٔ خودت را از تنظیمات می‌گذاری. این پروژه فروشگاه نمی‌شود؛ برای محصول و سبد خرید از داشبورد یک فروشگاه تازه بساز. وقتی آماده بود «منتشر کن» را بزن. سایت روی آدرسی مثل name.peyda.site می‌رود. بعد از تغییر سئو یا ابزارها دوباره منتشر کن.
اگر چیزی جا ماند
فونتی که در طرح با نام خانواده‌اش آمده، مثل فونت‌های گوگل، در سایت می‌ماند. فایل فونت داخل zip وارد نمی‌شود. اگر فونتی نیامد، فایل woff2 را در چت استودیو بفرست.
فقط تصویری وارد می‌شود که در خود صفحه استفاده شده باشد. svg، png، jpg، jpeg، webp و gif قبول است.