به پانزدهمین قسمت از سری آموزش‌های جامع فیگما خوش اومدید. امروز می‌خوایم به یکی از کلیدی‌ترین و جذاب‌ترین قابلیت‌های فیگما بپردازیم: به اشتراک گذاری پروژه یا Share. فیگما یک ابزار طراحی مبتنی بر ابر (Cloud-based) است، و به اشتراک گذاری و همکاری تیمی در قلب این پلتفرم قرار داره. به اشتراک گذاری پروژه به شما این امکان رو می‌ده که به راحتی با همکاران، کارفرمایان و توسعه‌دهندگان خودتون همکاری کنید، بازخورد بگیرید و طرح‌هاتون رو به بهترین شکل ارائه بدید.
در این آموزش چه چیزهایی یاد میگیرید؟
بیا یه نگاه سریع به مباحثی در این آموزش بندازیم و بعد بریم سراغ جزئیات:
- نحوه به اشتراک گذاری پروژه یا فایل دیزاین فیگما با دیگران
- روش محدود کردن نوع به اشتراک گذاری فایل و تنظیم سطح دسترسی
- نحوه حذف و قطع دسترسی افراد به فایل دیزاین
- به اشتراک گذاری مستقیم لینک دسترسی به بخش Dev Mode
- به اشتراک گذاری لینک نمایش مستقیم پروتوتایپ
- نحوه به اشتراک گذاری پروژه در Figma Community
- Embed کردن پروژه فیگما در سایت یا پورتفولیو شخصی
- تنظیمات نمایش و به اشتراک گذاری پروتوتایپ فیگما
(برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید و در یوتیوب ویدیو را تماشا کنید)
چرا اشتراک‌گذاری تو فیگما مهمه؟
فیگما به خاطر قابلیت همکاری زنده و اشتراک‌گذاری آسونش معروفه. با اشتراک‌گذاری پروژه‌ها می‌تونید:
- چند نفر همزمان روی یه فایل کار کنن.
- فیدبک سریع از مشتریان یا تیم بگیرید.
- پروژه‌هاتون رو به بقیه نشون بدید، چه برای پورتفولیو و چه برای کامیونیتی فیگما.
چطور در فیگما پروژه یا فایل دیزاین را با هرکسی به اشتراک بگذاریم؟
برای اشتراک‌گذاری فایل با هر کسی، این مراحل رو دنبال کنید:
- فایل طراحی‌تون رو تو فیگما باز کنید.
- تو گوشه بالا سمت راست، روی دکمه Share کلیک کنید.
- دو تا گزینه دارید:
- دعوت با ایمیل: ایمیل شخص رو وارد کنید و دعوتش کنید.
- لینک عمومی: روی Copy Link بزنید و لینک رو برای هرکسی که می‌خواید بفرستید.
- سطح دسترسی رو مشخص کنید (مثلاً فقط مشاهده یا ویرایش).
نکته: اگه می‌خواید لینک برای همه باز باشه، گزینه Anyone with the link رو فعال کنید.
چطور نوع به اشتراک‌گذاری فایل در فیگما را محدود کنیم؟
برای اینکه دسترسی‌ها رو کنترل کنید:
- روی دکمه Share کلیک کنید.
- تو پنجره باز شده، سطح دسترسی رو تنظیم کنید:
- Can view: فقط مشاهده.
- Can edit: اجازه ویرایش.
- Can comment: فقط کامنت‌گذاری.
- اگه نمی‌خواید لینک عمومی باشه، گزینه Anyone with the link رو غیرفعال کنید و فقط افراد دعوت‌شده رو اضافه کنید.
اینجوری فایلتون فقط دست کسایی می‌مونه که خودتون انتخاب کردید.
چطور دسترسی افراد به فایل دیزاین را در فیگما حذف و قطع کنیم؟
برای حذف دسترسی یه نفر:
- روی Share کلیک کنید.
- تو لیست افرادی که دسترسی دارن، اسم شخص موردنظر رو پیدا کنید.
- کنار اسمش، روی منوی کشویی بزنید و Remove رو انتخاب کنید.
به همین راحتی دسترسیش قطع می‌شه!
چطور به صورت مستقیم لینک دسترسی به بخش Dev Mode پروژه فیگما را به اشتراک بگذاریم؟
برای اشتراک‌گذاری مستقیم Dev Mode (مناسب توسعه‌دهنده‌ها):
- تو فایل فیگما، از نوار ابزار پایین صفحه روی Dev Mode کلیک کنید.
- تو پنل Dev Mode، دکمه Share رو بزنید و لینک رو کپی کنید.
- لینک رو برای هر کسی که نیاز داره (مثلاً برنامه‌نویس‌ها) بفرستید.
این لینک مستقیماً به بخش Dev Mode می‌ره و جزئیات فنی رو نشون می‌ده.
چطور پروژه یا فایل دیزاین را در کامیونیتی فیگما به اشتراک بگذاریم؟
برای انتشار فایل تو جامعه فیگما:
- فایلتون رو باز کنید.
- از منوی File، گزینه Publish to Community رو انتخاب کنید.
- یه عنوان، توضیحات و تگ برای فایلتون بنویسید.
- روی Publish کلیک کنید.
فایلتون تو بخش Community فیگما منتشر می‌شه و بقیه می‌تونن اون رو ببینن یا حتی ازش استفاده کنن.
چطور پروژه فیگما در سایت یا پورتفولیو خود مستقیما به نمایش بگذاریم؟
برای نمایش پروژه تو وب‌سایت یا پورتفولیو:
- تو فایل فیگما، روی Share بزنید و بعد Get Embed Code رو انتخاب کنید.
- تنظیمات نمایش (مثلاً اندازه یا نوع محتوا) رو مشخص کنید.
- کد HTML رو کپی کنید.
- کد رو تو صفحه وب‌سایتتون بذارید.
اینجوری فایل فیگما مستقیماً تو سایتتون نشون داده می‌شه.
خب، تو این آموزش همه روش‌های اشتراک‌گذاری تو فیگما رو با هم مرور کردیم؛ از به اشتراک گذاشتن فایل با تیم و مشتری‌ها تا نمایش پروژه‌ها تو کامیونیتی یا پورتفولیو. امیدوارم این پست براتون مفید بوده باشه و حالا بتونید با خیال راحت پروژه‌هاتون رو با بقیه به اشتراک بذارید. اگه سوالی دارید، حتما تو کامنت‌ها بپرسید.
اگه دوست داشتید، این مطلب رو با بقیه به اشتراک بذارید و حتماً ویدیوی کاملش رو توی [کانال یوتیوبم] ببینید!
آموزش‌های تخصصی طراحی UI/UX و طراحی محصول
اگر می‌خواهید مهارت‌های خود را در زمینه‌های طراحی رابط کاربری و تجربه کاربری افزایش دهید، می‌توانید از طریق سایت Learnuix.com در دوره‌های آموزشی زیر ثبت‌نام کنید:
- آموزش طراحی رابط کاربری UI
- آموزش طراحی تجربه کاربری UX
- آموزش ساخت دیزاین سیستم در Figma
- آموزش پروداکت دیزاین
این دوره‌ها به شیوه‌ای عملی و کاربردی طراحی UI/UX را آموزش می‌دهند تا بتوانید مهارت‌های خود را ارتقا دهید.
در صورتی که این ویدیو برای شما مفید بود, لطفا با دوستانتون در شبکه های اجتماعی به اشتراک بگذارید.
برای مشاهده آموزش های بیشتر دیزاین عضو کانال یوتیوب من بشوید:
کانال تلگرام آموزشی طراحی UI/UX
کانال تلگرام iHMahmoodi محتواهای آموزشی و کاربردی مفیدی در زمینه طراحی رابط کاربری و تجربه کاربری منتشر می‌کند.
از طریق این کانال می‌توانید به آخرین اخبار، آموزش‌های ویدیویی، معرفی کتاب، نکات کاربردی و دیگر مطالب آموزشی مرتبط با UI/UX دسترسی داشته باشید.
با عضویت در کانال تلگرام iHMahmoodi همواره در جریان دانش روز طراحی رابط و تجربه کاربر باشید.
گروه تلگرام جامعه طراحان UI/UX
گروه تلگرامی UXHubs بستری برای ارتباط و تعامل طراحان UI/UX فراهم می‌کند.
اعضای این گروه می‌توانند درباره موضوعات مختلف طراحی رابط کاربر و تجربه کاربر بحث و تبادل نظر کنند، سوالات خود را مطرح کنند و از تجارب یکدیگر بهره ببرند.
با پیوستن به گروه تلگرام UXHubs به جامعه بزرگ طراحان رابط کاربر ملحق شوید.
دیگر آموزش های مرتبط:
آموزش جامع فیگما – پیش نیازهای شروع کار با Figma – قسمت صفر
آموزش جامع فیگما – آشنایی با داشبورد، کامیونیتی و محیط Figma – قسمت اول
آموزش جامع فیگما – آشنایی و کار با فریم ها در Figma – قسمت دوم
آموزش جامع فیگما – نکات اساسی برای شروع کار با Figma – قسمت سوم
آموزش جامع فیگما – تفاوت فریم، سکشن و گروه در Figma – قسمت چهارم
آموزش جامع فیگما – تنظیم و تراز کردن اشیا در صفحه Figma – قسمت 5
آموزش جامع فیگما – تغییر شفافیت و ترکیب لایه ها با هم در Figma – قسمت 6
آموزش جامع فیگما – کار با رنگ و گرادینت در Figma – قسمت 7
آموزش جامع فیگما – کار با حاشیه ها یا Stroke در Figma – قسمت 8
آموزش جامع فیگما – کار افکت یا Effect ها در Figma – قسمت 9
آموزش ساخت و تنظیم انواع اشکال و ماسک کردن در Figma – قسمت 10
آموزش جامع کار با ابزار Pen و کاربردهای آن در Figma – قسمت 11
آموزش جامع کار با ابزار متن و تنظیمات آن در Figma – قسمت 12
