حسین محمودی (AsteriXarts.com)
حسین محمودی (AsteriXarts.com)
خواندن ۲ دقیقه·۳ سال پیش

آموزش فیگما - ساخت اینتراکتیو کامپوننت ها در Figma

آموزش فیگما - ساخت اینتراکتیو کامپوننت ها در Figma
آموزش فیگما - ساخت اینتراکتیو کامپوننت ها در Figma


اخیرا فیگما ویژگی کامپوننت های اینتراکتیو را از حالت آزمایشی خارج کرد و الان همه می تونن از آن در ساخت پروتوتایپ های پیشرفته تر از آن استفاده کنند.

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

حالا با قابلیت اینتراکتیو کامپوننت شما می توانید بدون اینکه بخواهید بین صفحات مختلف جا به جا شوید به عنوان مثال State یا وضعیتهای مختلف یک دکمه یا یک چک باکس رو ایجاد کنید اینها را در یک مثال کامل در ادامه به شما نشان می دهم.

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


به دلیل اینکه فیلم بر روی یوتیوب قرار دارد، برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید تا بتوانید آن را مشاهده کنید.
آموزش فیگما - ساخت اینتراکتیو کامپوننت ها در Figma

‎در آموزش فیگما - ساخت کامپوننت های اینتراکتیو چه مواردی معرفی می شود؟

از جمله مواردی که در این فیلم به آن می پردازم:

  1. 00:50 | کامپوننت های اینتراکتیو در فیگما چی هستند؟
  2. 01:40 | چطور کامپوننت های اینتراکتیو را در فیگما بسازیم؟
  3. 03:55 | آیا کامپوننت های اینتراکتیو چند حالتی در فیگما داریم؟
  4. 05:33 | ساخت یک نمونه پروتوتایپ با کامپوننت های اینتراکتیو در فیگما


قسمت های دیگر آموزش Figma را در کجا ببینیم؟

شما می توانید تمام قسمت های آموزش Figma را در بخش آموزش Figma وبلاگ و یا اینکه در لیست پخش آن در یوتیوب ببینید.

شما می توانید از طریق لینک زیر در کانال یوتیوب یا خبرنامه وبلاگ شخصی من عضو شوید تا از جدیدترین آموزش ها سریع مطلع گردید.

لینک های مفید + ارتباط با من + آموزش های رایگان طراحی UI/UX و ...
این پست اولین بار در وبلاگ شخصی من منتشر شده است.
اینتراکتیو کامپوننت فیگماfigma interactive componentsآموزش جامع فیگما figmaآموزش فارسی فیگماحسین محمودی asterixarts ihmahmoodi
طراح رابط کاربری/ تجربه کاربری ( UI / UX ) - مُدَرس - یوتیوبر
شاید از این پست‌ها خوشتان بیاید