الفترة الاخيرة شغال علي ال Design system الخاص بحالاً و ممكن ال Scale أعلي هنا شوية
ففيه مصادر كتيرة قابلتني لطيفة جدا
فممكن في الثريد دي أضيف المصادر اللي بتقابلني و حاسس انها مفيدة كل شوية
ففيه مصادر كتيرة قابلتني لطيفة جدا
فممكن في الثريد دي أضيف المصادر اللي بتقابلني و حاسس انها مفيدة كل شوية
1
دي مجموعة من ال Design systems لأشهر الشركات
فكنت كل فترة بدخل ابص هم بيشتغلوا ازاي
-Atlassian Design atlassian.design
- Material Design material.io
- Polaris polaris.shopify.com
- IBM Design ibm.com
دي مجموعة من ال Design systems لأشهر الشركات
فكنت كل فترة بدخل ابص هم بيشتغلوا ازاي
-Atlassian Design atlassian.design
- Material Design material.io
- Polaris polaris.shopify.com
- IBM Design ibm.com
-Uber figma.com
- Garden garden.zendesk.com
- Lightning lightningdesignsystem.com
- Spectrum spectrum.adobe.com
- Garden garden.zendesk.com
- Lightning lightningdesignsystem.com
- Spectrum spectrum.adobe.com
lightningdesignsystem.com
Lightning Design System
Design principles and best practices that guide beautiful, consistent, user-friendly product experie...
garden.zendesk.com
Zendesk Garden
Garden is the design system by Zendesk. It’s where we grow the components, standards, and tools that...
spectrum.adobe.com
figma.com/community/file…
❖ Base Gallery
Figma Community file - Uber's Base design system was created to promote a centralized library of reu...
محاضرة لطيفة
بيشرح فيها اهمية الديزاين سيسم لأي ستارتب و الطرق اللي ممكن تشتغل بيها
و المصادر االلي تتعلم بيها و ازاي ترتب افكارك
و اية الستراكشر اللي ممكن تمشي بيه و اية هو ال Design tokens
youtube.com
بيشرح فيها اهمية الديزاين سيسم لأي ستارتب و الطرق اللي ممكن تشتغل بيها
و المصادر االلي تتعلم بيها و ازاي ترتب افكارك
و اية الستراكشر اللي ممكن تمشي بيه و اية هو ال Design tokens
youtube.com
بلوج بسيطة بس لطيفة جدا بيشرح ال naming و ازاي ممكن تسمي الcomponents بتاعتك و تكون بشكل واضح بحيث ان يكون عندك convention واضح
و كمان دخل في جزء ال documentation و اقترح tools لطيقة اوي
goodpractices.design
و كمان دخل في جزء ال documentation و اقترح tools لطيقة اوي
goodpractices.design
ال presentation دي عظيمة جدا و ساعدتني اوي اشرح لبقيت الteams
يعني اية DS. و ازاي بيشتغل
slideshare.net
يعني اية DS. و ازاي بيشتغل
slideshare.net
الويبساايت دة مجمع كل ال Design systems المشهورة
و فية بعض المقالات اللي مهتمه بالموضوع
designsystemsforfigma.com
و فية بعض المقالات اللي مهتمه بالموضوع
designsystemsforfigma.com
من الحاجات المهمه اوي و هي تعتبر الي بتربط الشركة كلها هي ال Documentation
احسن tool لقيتها ه @zeroheight لانهم بيقدرو يعملوا فيتش للvalues من فيجما علشان يكون فيه playground بيربيط بين ال Design & Engineers
احسن tool لقيتها ه @zeroheight لانهم بيقدرو يعملوا فيتش للvalues من فيجما علشان يكون فيه playground بيربيط بين ال Design & Engineers
استخدمنا Atomic Design Methodology ساعدتنا كتير في التنظيم و ال hierarcy , flexability في الشغل
و استخدمنا @NotionHQ ان احنا نرتب و ننظم ال Atomic design levels
بحيث ان كل حاجه واضحة قبل ما نبدأ نشتغل
و اكيد الfile دة بيكون up-to-date كل فترة
و استخدمنا @NotionHQ ان احنا نرتب و ننظم ال Atomic design levels
بحيث ان كل حاجه واضحة قبل ما نبدأ نشتغل
و اكيد الfile دة بيكون up-to-date كل فترة
دي resources بتتكلم عن ال atomic design
كل حد ماشي بطريقة لكن انت ممكن تاخد ال concept نفسه
الاساس
atomicdesign.bradfrost.com
-
medium.com
-
toptal.com
-
justinmind.com
-
كل حد ماشي بطريقة لكن انت ممكن تاخد ال concept نفسه
الاساس
atomicdesign.bradfrost.com
-
medium.com
-
toptal.com
-
justinmind.com
-
ال Design tokens من الحاجات اللي شغالين عليها
يعني اية Design tokens
youtube.com
أفضل محاضرة بتشرح استخدامه شوفتها
youtube.com
الراجل دة بيشرح ازاي ممكن ت extract ال Design tokens من فيجما تحفه
youtube.com
يعني اية Design tokens
youtube.com
أفضل محاضرة بتشرح استخدامه شوفتها
youtube.com
الراجل دة بيشرح ازاي ممكن ت extract ال Design tokens من فيجما تحفه
youtube.com
دة ال plugin اللي بيساعدك تاخد ال Design tokens علي هيئة json file
figma.com
أفضل مثال مستخدم design tokens هم sales force
lightningdesignsystem.com
Style dictionary for amazon
amzn.github.io
figma.com
أفضل مثال مستخدم design tokens هم sales force
lightningdesignsystem.com
Style dictionary for amazon
amzn.github.io
lightningdesignsystem.com/design-tokens/
Design Tokens - Lightning Design System
Design tokens are the visual design atoms of the design system — specifically, they are named entiti...
figma.com/community/plug…
Tokens Studio for Figma (Figma Tokens)
Figma Community plugin - Gives you the ability to use Design Tokens that can be used for a whole ran...
amzn.github.io/style-dictiona…
جاري تحميل الاقتراحات...