يوميات الانتقال من Sketch إلى Figma: الأمر ليس مجرد زر "Import"
تغيير الأدوات يكون أحيانًا أصعب مما نتوقع. إليكم ما تعلّمته من التجربة.
أرجوكم، اهدأوا قليلًا. لا يوجد فائز واضح في هذه المقارنة. الأمر كله يعود إلى تفضيلاتكم وطبيعة سير عملكم. أنا هنا لأحكي لكم عن تجربتي في نقل مشروع تصميم إلى Figma
بصفتي مصممًا جرّب أفضل ما في العالمين، أستطيع أن أقول بكل صدق إن أيًا من الأداتين لا تتفوق على الأخرى تفوقًا كبيرًا. فلكل منهما بيئة وظروف تتألق فيها.
لست هنا لأتعصّب لأداة بعينها
لن أخوض في تفاصيل كرهي الشديد لبطء أداء Sketch، ولا في مدى افتقادي للقدرة على فتح ملف والعمل عليه مباشرة، دون أن أجلس مذهولًا أنتظر اتصال الإنترنت ليلحق بي. وبالطبع، عندما نتحدث عن تصميم الشاشات، لا توجد أداة مثالية تناسب الجميع.
دعوني أشرح لكم وضعنا قليلًا. فبصفتنا مصممين نعمل على مشاريع سريعة الإيقاع في وكالة، يمثّل اختيار مجموعة الأدوات تحديًا حقيقيًا.
فلدينا الكثير من:
- إصدارات الملفات
- المكتبات المرتبطة
- قنوات الملاحظات والمراجعة
ووجود مصدر وحيد للحقيقة لهذه الملفات يساعد كثيرًا مع كثرة جولات التعديل أثناء العمل.
لهذا أنا مقتنع بأن Figma سيكون الخيار الأنسب في هذا الوضع.
Sketch → Figma
أستطيع أن أقول بثقة إنني مستخدم متمرّس لـ Sketch، أستخدم كل أداة فيه وأستنفد كل الإضافات الرائعة التي يقدّمها. بل إنني أعدت تعيين اختصارات لوحة المفاتيح بنفسي لمهام محددة أقوم بها يوميًا.
ومع ذلك (وسط حماسي الشديد)، قررنا مؤخرًا الانتقال من Sketch إلى Figma في بعض مشاريعنا. وإليكم نصائحي لكل من يفكّر في هذا الانتقال.
Figma Walker ليس Sketch Runner
يؤسفني أن أخبركم أن Figma Walker، رغم مقالات كثيرة تصفه بأنه بديل لـ Sketch Runner، مختلف عنه، وللأسف لا يرقى إلى مستوى الاستخدام المعتاد في سير العمل بسبب طريقة عمل الإضافات في Figma.
لكن هناك خبر سار: تبويب Assets المدمج في Figma (اختصار option + 2 على macOS) يعمل بديلًا جيدًا تمامًا لأمر "insert" في Sketch Runner.
Rename It ما زال موجودًا
اطمئنوا يا جماعة، ما زال لدينا بكل روعته وقدرته الخارقة على توفير الوقت!
التحديد هو مفتاح النجاح
في Sketch، اعتدنا ببساطة تشغيل إضافة واستبدال كل الرموز (symbols) برمز آخر. لنفترض أنني أريد استبدال المكوّن A بالمكوّن B. في Sketch يتطلب ذلك نحو 2 إلى 3 نقرات لتشغيل الإضافة، ثم تحديد ما تريدونه والنقر على "Apply".
أما في Figma، وخاصة مع المكتبات المرتبطة، فالأمر أعقد قليلًا، لأن الإضافة لا تستطيع الوصول إلى ما يتجاوز نطاقها (أي الملف الذي استُدعيت فيه).
جرّبوا هذه الخطوات بدلًا من ذلك:
- حدّدوا المكوّنات التي تريدونها
- استبدلوا الـ override بالمكوّن الموجود في المكتبات المرتبطة.
سر سرعة سير العمل يكمن في خطوة "التحديد"، إذ عليكم تحديد أكبر عدد ممكن من العناصر قبل الاستبدال.
يمكنكم استخدام قائمة التحديد المدمجة (الموجودة تحت "Edit") لهذا الغرض. وإن أردتم مرونة أكبر، جرّبوا Similayer أو Select Layers للحصول على معايير تحديد أوسع (مثل تحديد المكوّنات داخل master component).
أو ربما تستخدمون إضافة
أما إذا كنا نتحدث عن مكوّنات محلية، فإن Component Replacer يؤدي المهمة السابقة على أكمل وجه. نادرًا ما أحتاج إليه، لأن حيلتي في التحديد الجماعي الدقيق تكفي لأي override أحتاجه في ملف عملي.
يا مستخدمي Sketch، إن رغبتم، ضعوا كل master component في صفحة مستقلة
هناك إضافة لهذا الغرض
Style Organizer هو الأفضل 💣
هل سبق أن تخبّطتم في ملف نجح فيه أحدهم في فصل أنماط الخطوط والألوان التي صنعتموها بعناية، لتكتشفوا أن بعضها لم يتأثر بتغيير الألوان في مكتبتكم؟
حسنًا، ودّعوا تلك الليالي الطويلة.
أداة تشبه Style Organizer، لكن للمكوّنات
قد يكون Instance Finder أقل فائدة قليلًا من نظيراته في Sketch، لكنه مفيد للبحث عن أي مكوّنات شاردة قد تبقى في ملفكم بعد حذف master component. (لا، حذف الـ master component لا يحوّل المكوّنات التابعة له إلى أيتام. فهي ما زالت موجودة في عالم Figma العجيب)
كم افتقدت Automate ...
لم يمر يوم دون أن أفتقده. هل يوجد أي شيء يشبهه ولو من بعيد؟ جرّبت إضافات. كثيرة. تحاكي. جزءًا. من. وظائفه. لكن. ما. زال. هناك. شيء. ما. ينقصني.
أرجوكم، تواصلوا معي وأخبروني كيف أستعيد تلك السكربتات التي كانت تجعل حياتي أسهل.
يمكنكم القدوم إلى مكتبنا والقول: "جئت لأن Gavin دعاني للحديث عن بدائل Automate في Figma"، وسأنزل بكل سرور (مرتديًا كمامة احتياطًا) لأقدّم لكم كوبًا لطيفًا من القهوة. فقط، أرجوكم، دعوني أستخدم Automate في Figma.
إدارة الإصدارات غير موجودة
لنقل إن Abstract دلّلنا كثيرًا بسهولته المذهلة في الرجوع إلى إصداراتنا السابقة ودمجها من جديد.
وبحسب الاتجاه الذي تسير فيه الأداة، كل ما لدينا الآن هو ميزة سجل الإصدارات التي تتيح لكم العودة إلى نقطة سابقة في التصميم. يمكنكم الرجوع إلى تلك النقطة الزمنية تحديدًا أو عدم الرجوع... وهذا كل شيء تقريبًا.
وللحفاظ على التنظيم، ابتكرنا طريقة لوضع علامات على اللقطات (snapshots) عند بدء العمل على الملف وعند التوقف عنه. لكن هذه الممارسة بعيدة عن الكمال، وتحتاج إلى أن تتحول إلى مجموعة من القواعد يلتزم بها كل من يعمل معًا على الملف نفسه.
أخبروني كيف تتعاملون أنتم وفريقكم مع هذا الأمر، فأنا حائر فعلًا في هذا الجانب، وسأقدّر النقاش فيه مع الآخرين.
إنها قفزة إيمانية
إن كنتم محظوظين بما يكفي لتعملوا في المراحل المبكرة من تصميم UI/UX، فربما أتيحت لكم فرصة تصميم مواقع ويب متجاوبة باستخدام Adobe Photoshop وIllustrator. هل تتخيلون العمل على تطبيقات الجوال باستخدام Photoshop اليوم؟
في ذلك الوقت جاء Sketch وأنقذنا جميعًا، وإن لم يكن الانتقال سهلًا على الإطلاق. فمن تبنّوا Sketch مبكرًا يعرفون أن ألم الانتقال وتغيير العادات وطريقة العمل بأكملها ليس نزهة، لكنه ممكن.
في OOZOU، نؤمن بأن الأدوات وسيلة لا تتحكم في طريقة عملكم، بل تساعدكم على تحقيق الأهداف التي وضعتموها أنتم وفريقكم. ومن خلال عمليات تعاونية لتحسين العمل، يمكنكم أنتم وفريقكم اكتشاف ما تحتاجون إليه، وتكييف أي أدوات تصميم لتصنعوا في النهاية منتجًا رائعًا!
لنتحدث عن التصميم!
النقاش داخل المجتمع هو ما يُسمع أصواتنا ويُبقي هذا المجال حيًا. لذا لا تترددوا في التواصل معي إن كانت لديكم أي اقتراحات حول كيفية إدارتكم أنتم وفريقكم لعمليات الانتقال هذه، أو حتى لانتقادي على استخدامي السيئ لهذه الإضافات XD. ورغم أخطائي اللغوية الفظيعة، أنا إنسان ولست روبوتًا لتوليد المقالات، صدّقوا أو لا تصدّقوا!
