دبي · تصميم المواقع
تحويل PSD إلى Figma: ملف يُعاد بناؤه كمكونات، لا صورة تُستورد.
ملف PSD أو AI أو Sketch أو XD أو PDF يُعاد بناؤه في Figma كطبقات مسمّاة ونص قابل للتحرير ومكونات قابلة لإعادة الاستخدام وأنماط مشتركة، فيكون ما تفتحه ملفًا يعمل فيه فريقك ويسلّمه إلى مطوّر، لا صورة مسطّحة من الملف القديم.
- يُعاد بناؤه يدويًا، لا بإضافة تحويل آلية
- ملف Figma في حسابك
- سعر ثابت يُتفق عليه قبل البدء
ما الذي تشمله الخدمة
ستة أشياء يُعاد بناؤها، لا تُستورد.
إضافات التحويل تنقل البكسلات بين صيغتين. وكل ما يلي هو ما تسطّحه، أو تخمّنه، أو تتركه لمن يعيده يدويًا.
كل صيغة مصدر
PSD وIllustrator وSketch وXD وPDF، إضافة إلى ملفات JPEG ولقطات الشاشة التي تظهر معها دائمًا. كل صيغة تفقد شيئًا مختلفًا في الطريق، لذلك يحدد التدقيق أي أجزاء ملفك بيانات نستطيع نقلها، وأي أجزاء عمل فني يجب على أحد أن يعيد رسمه.
مُعاد بناؤه كمكتبة مكونات
العناصر المتكررة تُجمَع في مكوّن واحد مع متغيّراته (variants)، وكل نسخة منها تشير إليه. وأنماط الخطوط والألوان والتأثيرات تُسمّى بحسب ما تُستخدم له، لا بحسب شكلها. هذا هو الفرق بين تغيير شيء مرة واحدة وتغييره ثمانين مرة.
نص يبقى نصًا
كل طبقة نص يُعاد بناؤها كطبقة نص في Figma بالخط الذي حُدد، وتحمل حجمه ووزنه وتباعد حروفه وارتفاع سطره. وملفات PDF هي الحالة الصعبة: النص المحفوظ كمسارات (outlines) لا يحوي حروفًا على الإطلاق، لذلك تُعاد كتابته ثم يُراجَع مقابل الأصل.
المتجهات والتأثيرات والصور
الأشكال تُرسم من جديد كمتجهات قابلة للتحرير، لا تُلصَق كصور لنفسها. والظلال والتدرجات والتمويه والحدود يُعاد إنشاؤها بتأثيرات Figma نفسها، والأصول النقطية تُستخرج من المصدر بدقتها الكاملة بدل أن تُقتطع من لقطة شاشة.
التخطيط التلقائي والقيود
لا تحمل أي صيغة مصدر سلوك تغيير الحجم بشكل يقرأه Figma: قيود Sketch وSmart Layout كلاهما يسقط عند الاستيراد، وPhotoshop لم يملك شيئًا منها أصلًا. لذلك نضيفه نحن: التخطيط التلقائي (Auto Layout) حيث يتراصّ المحتوى، والقيود (constraints) حيث يثبت، عند نقاط التوقف (breakpoints) الموجودة في التصميم فعلًا.
المصادر العربية واتجاه RTL
العربية التي حُوّلت إلى مسارات أو صُدّرت بإهمال تصل عادةً بحروف مفكوكة أو بترتيب كلمات معكوس. تُعاد كتابتها بخط مصمَّم للعربية لا خط احتياطي من النظام، ويُضبط الاتجاه من اليمين إلى اليسار في الملف ضبطًا صحيحًا بدل أن يُزيَّف بمحاذاة إلى اليمين.
لمن هذه الخدمة
ثلاث طرق ينتهي بها التصميم في الملف الخطأ.
الثلاث كلها مشكلات صيغة، لا مشكلات تصميم. فإن كان ما يزعجك هو التصميم نفسه، فهذه الصفحة ليست المناسبة، ونفضّل أن نقول ذلك الآن لا في عرض السعر.
ملف لم يعد أحد يستطيع فتحه
التصميم في Sketch وجهاز Mac الذي يحتاج إليه لم يعد موجودًا، أو في XD الذي لم يفتحه أحد في الفريق منذ سنوات، أو في ملف Photoshop خلف اشتراك لم يعد أحد يدفع رسومه. العمل لم يُفقد، لكنه عالق في أداة توقفت الشركة عن استخدامها.
فتح ملف تصميمك أنت يحتاج إلى رخصة لا يملكها أحد في الفريق.
مطوّرون يعملون من صورة
سلّم أحدهم فريق التطوير ملفات مصدَّرة مسطّحة: PDF، أو مجلد من صور JPEG، أو ملف PSD لا يستطيعون فتحه، فصارت المسافات والألوان والحالات تُقاس من صورة. وكل قيمة خُمّنت تصبح فرقًا بين التصميم والموقع لم يوافق عليه أحد.
سأل مطوّر عن قيمة الحشو الداخلي (padding) فلم يستطع أحد الإجابة من الملف.
أرشيف يُعاد بناؤه مرة بعد مرة
الفريق يعمل في Figma الآن، لكن كل ما أُطلق قبل الانتقال ما زال في الصيغة القديمة. وكل مشروع جديد يبدأ بإعادة رسم شيء دفعت الشركة ثمنه من قبل، ثم تتباعد النسختان، لأن واحدة منهما فقط هي التي تُصان.
أحدث أعمالك وأفضل أعمالك في أداتين مختلفتين.
كيف نسلّمها
خمس مراحل، تنتهي بالملف مقارنًا بالأصل.
ما لا يستطيع المصدر أن يعطينا إياه يُدوَّن في المرحلة الأولى، لا يُكتشف في الرابعة.
01
تدقيق المصدر
كل ملف يُفتح قبل أن يُسعَّر أي شيء: عدد ألواح الرسم، والأصول المرتبطة المفقودة، والخطوط غير الموجودة على الجهاز، والنص المحفوظ كمسارات، والكائنات الذكية (smart objects) التي لا أصل قابل للتحرير لها. وكل ما لا يمكن إعادة إنتاجه يُسجَّل هنا بدل أن يُكتشف في منتصف الطريق.
02
الاتفاق على البنية
ما الذي يصبح مكوّنًا، وكيف تُسمّى الصفحات والإطارات، وأي نقاط توقف موجودة، وإلى أي حد نذهب. فالنسخة المطابقة بلا بنية ليست إلا لقطة شاشة أبطأ، وهذه المحادثة القصيرة هي ما يقرر إن كان الملف قابلًا للاستخدام بعد ذلك.
03
إعادة البناء
طبقة بطبقة، في Figma. المتجهات تُرسم من جديد كمتجهات، والنص تُعاد كتابته بالخط الذي حُدِّد، والتأثيرات يُعاد إنشاؤها بأدوات Figma نفسها، والصور تُستخرج من المصدر بدقتها الكاملة. ولا شيء يُرسم فوق ملف مصدَّر مسطّح.
04
المكونات والأنماط
العناصر المتكررة تُجمَع في مكونات مع متغيّراتها، والأنماط المشتركة تحل محل القيم المتكررة، ويوضع التخطيط التلقائي والقيود على الإطارات التي يجب أن تتغير أحجامها. هذه هي المرحلة التي لا تستطيع أي أداة استيراد أن تؤديها عنك، لأن لا شيء منها موجود في المصدر ليُقرأ.
05
التحقق والتسليم
الإطارات المُعاد بناؤها تُقارن بالمصدر بالحجم الكامل، وكل فرق مقصود يُدرَج كتابةً. والملف موجود أصلًا في فريق Figma الخاص بك، فيكون التسليم الكامل جولة شرح لا عملية نقل.
المخرجات
ملف واحد، وكل ما يجعله قابلًا للاستخدام.
يُنشأ ملف Figma داخل فريقك من البداية، فلا شيء يُنقل في النهاية، ولا شيء يتوقف عن العمل إن لم تتحدث معنا مرة أخرى.
- ملف Figma واحد، منظَّم في صفحات بإطارات مسمّاة بحسب ما هي عليه، لا برقم لوح الرسم
- العناصر المتكررة كمكونات مع متغيّراتها، موضوعة كنسخ مرتبطة (instances) لا كنسخ ملصوقة
- أنماط مشتركة للخطوط والألوان والتأثيرات، مسمّاة بحسب دورها لا بقيمتها السداسية العشرية
- تخطيط تلقائي وقيود على كل إطار يجب أن يتغير حجمه، عند نقاط التوقف التي يملكها التصميم الأصلي
- النص كطبقات نص قابلة للتحرير مع تحديد كل خط بالاسم، بما في ذلك ما وصل كمسارات
- الصور والمتجهات مستخرجة من المصدر بدقتها الكاملة، لا مُعاد التقاطها من ملف مصدَّر مسطّح
- مذكرة مطابقة مكتوبة تُدرج كل ما لم يمكن إعادة إنتاجه من المصدر، ولماذا
- ملفاتك الأصلية تُعاد إليك كما هي، إلى جانب النسخة المُعاد بناؤها
لا شيء يُعاد تصميمه في الطريق. فحيث يحوي المصدر شبكة مختلّة المحاذاة، أو لونين رماديين بينهما فرق 3%، أو زرًّا موجودًا بأربعة أحجام بلا سبب، يُدوَّن ذلك في مذكرة المطابقة ويُعاد بناؤه كما هو. فتصحيح التصميم بصمت مع الادعاء بإعادة إنتاجه يترك لديك ملفًا لم يعد يطابق الموقع الذي رُسم له.
الأسعار
كم يكلف تحويل ملف التصميم.
يُسعَّر لكل ملف
سعر ثابت
التحويل لا يقع ضمن باقات المواقع؛ فباقة الانطلاق، من 16,000 درهم، تقدّم موقعًا مصمَّمًا ومبنيًا، وهو عمل مختلف تمامًا. يُسعَّر التحويل بحسب عدد الشاشات وصيغة المصدر ومقدار البنية التي تريدها في النتيجة، ويُثبَّت السعر والمدة كلاهما قبل أن يبدأ أي شيء. الأسعار لا تشمل ضريبة القيمة المضافة 5%.
ما الذي يغيّر السعرما يشمله ذلك
- كل لوح رسم أو صفحة في المصدر، لا عيّنة مختارة
- المتجهات مُعاد رسمها، والأصول النقطية مستخرجة بدقة المصدر
- النص مُعاد بناؤه كطبقات قابلة للتحرير، مع تسمية الخطوط
- المكونات ومتغيّراتها (variants) والأنماط المشتركة
- التخطيط التلقائي والقيود على الإطارات التي يتغير حجمها
- فحص مطابقة جنبًا إلى جنب ومذكرة مكتوبة قبل التسليم الكامل
وكالات التصميم والتسويق
عشر سنوات من أعمال العملاء محفوظة في الأداة التي كانت سائدة حين سُلّم كل مشروع، وقد يريد العميل الذي كلّف به استرداده الآن، أو أن يواصله استوديو آخر. فيجب أن تخرج الملفات في حالة يستطيع غيرك أن يكمل العمل عليها، وهذا معيار يختلف عن معيار ملف لم يكن عليه إلا أن يُرضي صاحبه.
فرق البرمجيات والمنتجات
حين يكون التصميم قد جاء من وكالة أو متعاقد انتقل إلى عمل آخر، لا يمكن رسم شيء جديد قبل أن توجد الشاشات الحالية كمكونات لا كصور. وما يهم هنا أن يكون الملف مبنيًا للهندسة: حالات مسمّاة، ونص حقيقي، وسلوك تغيير حجم متوقَّع، لا مرتَّبًا ليبدو جيدًا في عرض مراجعة.
تحويل الملفات هو أضيق الخدمات الخمس في قسم تصميم المواقع والوحيدة التي لا تتخذ أي قرار تصميمي على الإطلاق. فإن كان الخطأ في التصميم الذي داخل الملف، لا في الصيغة التي حُبس فيها، فخدمة تصميم الواجهات وتجربة المستخدم (UI/UX) هي المكان الذي يُراجَع فيه ذلك. وإن كان الموقع الذي يصفه منشورًا وقديمًا ويظهر في نتائج البحث بالفعل، فابدأ من صفحة إعادة تصميم الموقع.
أسئلة
تُطرح قبل أن يدخل الملف إلى Figma.
لا. إسقاط ملف PSD على لوحة Figma يعطيك صورة مسطّحة، لأن Figma لا يملك أداة مدمجة لاستيراد ملفات Photoshop. والإضافات الخارجية تفعل أفضل من ذلك، فالجيد منها يستعيد أسماء الطبقات والنصوص والصور، لكن التأثيرات والأقنعة والكائنات الذكية تُسطَّح عادةً، وعند البنية تتوقف: فالمكونات والأنماط والتخطيط التلقائي قرارات، لا بيانات محفوظة في الملف لتُقرأ. وتتغير الإضافات بسرعة، فاختبر الإصدار الحالي على ملفك أنت بدل الاعتماد على قائمة ميزاته.
افعل ذلك حين يكون الملف بسيطًا ومؤقتًا. فالإضافة تكفي لتصميم تجريبي لمرة واحدة سترميه الأسبوع المقبل. لكنها لا تعود كافية حين يصبح الملف المرجع المعتمد للتطوير: فما يصل كومة مسطّحة من الطبقات بأسماء آلية، بلا مكونات وبلا سلوك تغيير حجم. وبعد حجم معيّن، يصبح ترتيب ذلك عملًا يعادل إعادة البناء نفسها، وينتهي من دون البنية التي كانت إعادة البناء ستعطيك إياها.
نعم، حيثما يخزّنه المصدر كنص. فطبقات النص في PSD وAI وSketch وXD يُعاد بناؤها كطبقات نص في Figma بالخط نفسه، بشرط أن يكون ذلك الخط متاحًا لديك. وPDF هو الاستثناء: فالنص المحفوظ كمسارات لا يحمل حروفًا على الإطلاق، فيجب إعادة كتابته يدويًا ومراجعته. ونخبرك بالصفحات التي يمسّها ذلك قبل البدء.
نحدّد كل خط في المصدر بالاسم ونبلغك به، لأن رخصة أي خط يبقى مستخدمًا في الملف مسؤوليتك أنت لا مسؤوليتنا. وحيث لا يمكن تحديد خط، أو انتهت رخصته، نقترح أقرب بديل متاح ونسجّله في مذكرة المطابقة بدل تبديله بصمت.
لا. التحويل يعيد إنتاج المصدر، بما فيه أخطاؤه. وأي شيء غريب نجده يُكتب في مذكرة المطابقة ثم يُعاد بناؤه كما هو تمامًا. أما تقرير ما إن كان ينبغي تغيير تلك الأشياء فعمل تصميمي بنطاق مختلف وسعر مختلف، لذلك يُسعَّر على حدة بدل أن يُدمج ثم يُحتسب كمفاجأة.
في العموم نعم، لكن كل صيغة تفقد شيئًا مختلفًا. فرموز Sketch (symbols) تُطابق مكونات Figma بشكل معقول، في حين لا تنجو قيود Sketch وSmart Layout من الاستيراد فتُكتب من جديد. وXD لا ينقل بنية تُذكر. أما Illustrator وPDF فهما رسوم متجهية بلا أي بنية واجهة، لذلك تُبنى المكونات هناك من الصفر بدل أن تُنقل.
لكل ملف، بسعر يُثبَّت قبل أن يبدأ أي شيء، بحسب عدد الشاشات وصيغة المصدر ومقدار البنية التي تريدها في النتيجة. وهو خارج باقات المواقع؛ فمبلغ 16,000 درهم مقابل موقع مصمَّم ومبني، وهو عمل مختلف. وتُحدَّد المدة مع السعر، لأن مجموعة PSD من 12 شاشة وملف PDF من 200 صفحة لا يُقارَنان. الأسعار لا تشمل ضريبة القيمة المضافة 5%.
ملفات المصدر بصيغتها الأصلية لا نسخة مصدَّرة، إضافة إلى أي صور مرتبطة وقائمة الخطوط. فملفات Photoshop التي تشير إلى روابط مفقودة أو خطوط غائبة تتحوّل بشكل سيئ، والعثور عليها الآن أقل تكلفة من التخمين لاحقًا. وأخبرنا إن كانت شاشة موجودة فقط كصورة JPEG؛ فيمكن إعادة بنائها، لكنها تُرسم من الصفر لا تُحوَّل.
مستعد لبناء شيء يدوم؟
أخبرنا بما تحتاج إليه. ستحصل على رد محدد النطاق مع سعر تقديري، من مهندس لا من مندوب مبيعات.