آموزش Framer X ملزومات

مقدمه Introduction

• تعامل خلاق با Framer X ایجاد کنید Build creative interactions with Framer X

• آنچه باید بدانید What you should know

1. بررسی اجمالی Framer X 1. Framer X Overview

• Framer X چیست؟ What is Framer X?

• Framer X را نصب کنید Install Framer X

• کد ویژوال استودیو را نصب کنید Install Visual Studio Code

• نمای کلی رابط کاربری و بخش ها Overview of the user interface and sections

2. طراحی با Framer X 2. Design with Framer X

• آشنایی با ابزارهای طرح بندی Introduction to layout tools

• اولین مؤلفه شما Your first component

• معرفی پشته ها Introduction to stacks

• عمق خواص Properties in depth

• آشنایی با ابزارهای ترسیم Introduction to the drawing tools

• معرفی گزینه های پیش نمایش Introduction to preview options

3. تعامل با Framer X ایجاد کنید 3. Build Interactions with Framer X

• مرور کلی از ابزارهای تعاملی Overview of the interactive tools

• آشنایی با انتقال Introduction to the transitions

• آشنایی با ابزار پیمایش Introduction to the Scroll tool

• آشنایی با ابزار صفحه Introduction to the Page tool

4- مؤلفه های ساده ایجاد کنید 4. Create Simple Components

• معرفی یک جزء Introduction to a component

• فروشگاه را کاوش کنید Explore the store

• قطعات را از فروشگاه اضافه کنید Add components from the store

• یک جزء دیگر را از طراحی ایجاد کنید Create another component from design

5- اجزای پیچیده ایجاد کنید 5. Create Complex Components

• اولین مؤلفه شما از کد Your first component from code

• React و Typescript چیست؟ What are React and Typescript?

• عمق کد کامپوننت Component code in depth

• پیشنهادهای بیشتری به کامپوننت اضافه کنید Add more props to component

• مؤلفه خود را به صورت کد وارد کنید Style your component in code

6. ویژگی های پیشرفته در Framer X 6. Advanced Features in Framer X

• مقدمه ای برای نادیده گرفتن Introduction to overrides

• پیاده سازی را نادیده بگیرید Implement overrides

• مؤلفه خود را در فروشگاه منتشر کنید Publish your component to the store

• نمونه اولیه خود را صادر کنید Export your prototype

نتیجه Conclusion

• مراحل بعدی Next steps