آموزش Figma: Autolayout v2 (نسخه جدید!!!)
Figma: Autolayout v2 (the new version!!!)
اگرچه Autolayout یک ویژگی است که Figma مدتی پیش منتشر کرد، اخیراً کاملاً دوباره طراحی شده است. در این آموزش نحوه استفاده و درک آن را خواهیم آموخت! تعداد زیادی امکانات و کاربردهای جدید دارد و ترجمه به Html و CSS بسیار بهتر از قبل شده است (اکنون از flexbox استفاده می کند).
اگر فقط با نسخه قدیمی Autolayout آشنا هستید یا اگر کاملاً مبتدی در Figma هستید، این آموزش برای شما مناسب است. ما یک دکمه واکنش‌گرا، راهنمای ابزار، گروهی از کارت‌های واکنش‌گرا و در نهایت یک صفحه فرود کاملا واکنش‌گرا طراحی خواهیم کرد.
اگر علاقه مند به سرعت بخشیدن به گردش کار خود و ایجاد طرح های پاسخگو بهتر با Figma هستید، این آموزش می تواند برای شما عالی باشد.
در آموزش می بینمت!
PS: اگر با ترفند فریم مشکل دارید: فقط وقتی کل آموزش را تمام کردید، این ویدیو را تماشا کنید: https://www.loom.com/share/a60d68760da74c1ba1c96deb0b29c78a
دکمه، راهنمای ابزار، گروه کارت‌ها و صفحه فرود پاسخگو را تکرار کنید. زمان زیادی نمی برد و اگر طراحی جالب خود را بسازید، می توانید آن را در نمونه کار خود قرار دهید!
اگر شک دارید، فقط در پانل بحث به من اطلاع دهید!
متشکرم!
https://donyad.com/d/1da7
Bruno Sáez López
طراح UX/UI و توسعه دهنده Front-end
هی، من برونو هستم!
طراح UX/UI با بیش از 20 سال تجربه در حال حاضر در یک شرکت داده بزرگ کار می کند و محصولات پیچیده را ساده می کند.
Figma، Sketch و Adobe XD ابزارهای مورد علاقه من هستند.
من عاشق رفتن به کوه و ضبط موسیقی هستم.
اگر کلاس‌های من را دوست دارید، من را دنبال کنید تا با ورود محتوای جدید به‌روزرسانی شود!
به سلامتی!
نمایش نظرات