شرح الـ Prototype في فيجما - Figma Prototyping Tutorial
Islam Hefney
0:00 / 0:00
شرح الـ Prototype في فيجما - Figma Prototyping Tutorial
23 367 просмотров · 2 года назад
Islam Hefney
9,85 тыс. подписчиков
23 367 просмотров · 2 года назад
في الفيديو دا بنشرح ال Prototypes في فيجما وهو اللي بيتيح لينا تجربة واقعية للمنتج اللي شغالين عليه بحيث نقدر نعمل testing او نعرض المنتج علي ال clients او الفريق اللي بنشتغل معاه.
الفيديو برضو هنعرف فيه سريعا ال Interactions وانواعها وان شاء الله فالفيديوهات اللي جاية نغطي اجزاء ال animations وال Overlay.
الفيديوهات اللي فاتت:
Breakpoints Plugin: • شرح Responsive Design بإستخدام Breakpoints...
Responsive Design: • شرح الـ Responsive Design و الـ Constraint...
Responsive Grid: • شرح الـ Layout Grid في فيجما - Responsive ...
Boolean property: • ازاي تعمل تصميم واحد باكتر من لغة في فيجما...
Auto Layout: • كل حاجة عن اوتو لاي اوت في فيجما - Everyth...
Components in Figma: • شرح الـ Components في فيجما | Figma Compon...
Variants Video: • شرح الـ Variants في فيجما | Figma Variants
Timestamps:
00:00 Intro
00:20 Prototype Settings
02:06 Flow Starting Point
05:10 Scroll Behavior - Position
07:18 Scroll Behavior - Overflow
08:59 Interactions
11:21 Back Button
12:42 Scroll To
15:22 Animating Using Dissolve
14:20 Reset Scroll Position
16:07 Outro