نحوه اضافه کردن هایپرلینک در Figma

یکی از مفیدترین ویژگی های ابزار طراحی مشارکتی Figma امکان افزودن لینک ها است. با این ویژگی، اتصال صفحات آنلاین آسان می شود. هایپرلینک ها باعث می شود که یک سایت به راحتی در آن جابجایی شود. پیوندها به بازدیدکنندگان سایت دسترسی مستقیم به منابع ضروری و صفحات فرود و سایر اطلاعات را می دهند.

صرف نظر از اینکه در حال تلاش برای یادگیری نحوه افزودن لینک به آیکون ها و متن یا به طور کلی درج هایپرلینک هستید، این مقاله شما را راهنمایی می کند. برای آشنایی با روش های مختلفی که می توانید برای رسیدن به این هدف استفاده کنید، ادامه مطلب را بخوانید.

ایجاد هایپرلینک با استفاده از نماد

این یکی از رایج ترین انواع پیوندهایی است که می توانید در Figma استفاده کنید. در اینجا، نماد پیوند برای افزودن یک پیوند متنی استفاده می شود. این مراحل روی تصاویر کار نمی کنند.

1. با استفاده از متن در یک صفحه، متنی را که می‌خواهید به صفحه دیگری پیوند دهید، با کلیک کردن در ابتدای بخش و سپس کشیدن روی آن برجسته کنید.
   
2. پس از برجسته کردن متن، نماد "پیوند" را در نوار ابزار بالای فضای کاری بزنید. با انجام این کار یک کادر بالای کلمه یا کلمات برجسته شده ایجاد می شود.
   
3. در یک برگه دیگر، صفحه وبی را که می‌خواهید به آن پیوند دهید باز کنید و URL آن را ابتدا با برجسته کردن آن و فشار دادن «Command» + «C» در Mac یا «Control» + «C» در ویندوز کپی کنید.
   
4. به کادر URL بالای کادر برجسته شده خود بروید و داخل آن کلیک کنید.
   
5. دکمه های Command + V را در Mac یا Control + V را در ویندوز فشار دهید. این به شما امکان می دهد URL خود را در کادر قرار دهید.
   
6. روی یک فضای خالی در صفحه کلیک کنید یا برای افزودن پیوند به متن، «Enter» را بزنید. یک خط زیر کلمه ظاهر می شود. وقتی کاربران روی آن کلمه کلیک می کنند، به آدرس پیوند هدایت می شوند.
   

از میانبر صفحه کلید برای ایجاد لینک استفاده کنید

این دومین روشی است که می توانید برای ایجاد لینک Figma استفاده کنید. می‌توانید از روش میانبر صفحه‌کلید برای اضافه کردن پیوندها به متن استفاده کنید اما نه تصاویر.

1. متن یا کلمه ای را که می خواهید به عنوان پیوند ارائه شود انتخاب کنید.
   
2. از این میانبرها برای ایجاد یک کادر روی کلمه یا متن برجسته شده استفاده کنید.
   
   • دکمه های "Control" + "K" را در دستگاه های ویندوز فشار دهید.
   • "Command" + "K" را در دستگاه های مک فشار دهید.
3. URL مورد نظر خود را در کادر قرار دهید.
   
4. دکمه "Enter" را فشار دهید تا لینک ایجاد شود.
   

از پنل نمونه اولیه برای ایجاد هایپرلینک خود استفاده کنید

این روش را می توان هم روی تصاویر و هم بر روی متن استفاده کرد. این یک گزینه ایده آل برای پیوند دادن یک تصویر مانند نمادهای رسانه های اجتماعی است.

1. ابتدا متن یا تصویر خود را با کلیک بر روی آن انتخاب کنید.
   
2. به پانل "Properties" بروید و "Prototype" را باز کنید.
   
3. در منوی نمونه اولیه در بخش «تعامل‌ها»، تعامل فعلی را در صورت موجود بودن انتخاب کنید. اگر موردی وجود ندارد، روی نماد "+" کلیک کنید تا یکی را اضافه کنید.
   
4. تنظیمات تعامل را برای افزودن موفقیت آمیز پیوند تنظیم کنید:
   
   • تعامل را روی «در حال کلیک» تنظیم کنید.
   • سپس این عمل باید روی "Open Link" تنظیم شود.
   • پیوند خود را در کادر URL قرار دهید.
   • گزینه "Open in new tab" را علامت بزنید تا زمانی که کاربر روی پیوند ضربه می زند، یک برگه جدید باز شود.
5. برای افزودن پیوند تصویر یا متن از پانل نمونه اولیه خارج شوید. این تصویر را تغییر نمی دهد. با این حال، هنگامی که طرح در برگه "Present" مشاهده می شود، با نگه داشتن ماوس روی تصویر، مکان نما تغییر می کند. اگر روی تصویر کلیک شود، پیوندی که اضافه کرده اید باز می شود.
   

هایپرلینک های Figma را ویرایش یا حذف کنید

اگر احساس می‌کنید پیوندی کار نمی‌کند یا می‌خواهید آن را حذف کنید، می‌توانید آن را ویرایش یا حذف کنید. برای ویرایش لینک خود:

1. ماوس را روی متن پیوند داده شده با استفاده از ماوس نگه دارید تا مدال پیوند باز شود.
   
2. برای ویرایش آدرس، گزینه «ویرایش» را در کنار مدال انتخاب کنید.
   
3. تغییرات را در صورت نیاز انجام دهید و خارج شوید.
4. برای حذف، کادر پیوند را پاک کنید. با این کار URL شما به طور کامل حذف می شود و متن دیگر پیوند داده نمی شود.
   

افزایش دسترسی با افزودن هایپرلینک در Figma

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

آیا تا به حال اقدام به اضافه کردن هایپرلینک به Figma کرده اید؟ تجربه چطور بود؟ در بخش نظرات زیر به ما اطلاع دهید.