ليس على التصميم أن يُسطَّح إلى صورة PNG ليصل إلى Resolve. هذه الصفحة تُظهر ما يصير إليه كل جزء من ملف Figma داخل صفحة Fusion، خاصيّة بعد أخرى، باستعمال النتيجة الحقيقية لعملية نقل وليس رسماً توضيحياً لها.
كل صورة بالأسفل هي النتيجة تماماً كما وصلت إلى Fusion، منقولة بواسطة Prism من ملف Figma المعروض أدناه. وقسم «ما الذي لا ينتقل» موجود في هذه الصفحة لنفس السبب.
شاهد تصميماً ينتقل من Figma إلى Fusion
إطار Figma واحد يحمل كل الحالات دفعة واحدة: أشكال بزوايا دائرية، مضلّع، تدرّجات خطّية ودائرية، حدود متدرّجة وأخرى صلبة، نص عنوان ونص متن، تعبئات نصف شفافة، تمويه، ظل، وصورة موضوعة.
أُرسل إلى Resolve في عملية نقل واحدة، وكل ما تراه في هذه الصفحة خرج من ذلك الإرسال الواحد.
هذه هي صفحة Fusion مباشرة بعد النقل، بلا أي تدخّل. كل طبقة من التصميم لها فرعها الخاص: عقدة شكل، وعقدة Render لها، وتدرّجها، وتأثيراتها، وMerge يركّبها فوق ما تحتها. لا شيء هنا وُضع يدوياً، ولا شيء منه صورة مسطّحة. وهذا هو الفرق بين أن تستلم تصميماً وأن تستلم لقطة شاشة له.
الإطارات والبطاقات والأزرار والفواصل التي يُبنى منها التخطيط، بمقاساتها وأنصاف أقطار زواياها وعدد أضلاع مضلّعاتها.
كل واحد منها يصير عقدة شكل Fusion حقيقية، وليس صورة لها. العرض والارتفاع ونصف قطر الزاوية تصل كأرقام تبقى قابلة للتدوير، فتقدر توسّع بطاقة أو تزيد ضلعين لمضلّع بعد وصوله، بأي دقة إخراج، بلا فقدان جودة وبلا رجوع إلى Figma.
تعبئة مبنية من محطّات لونية بدل لون واحد مسطّح، بأي زاوية وضعها التصميم.
كل محطّة تصل بلونها وموضعها على المحور وشفافيتها، ويحافظ التدرّج على الاتجاه الذي كان عليه في التصميم. إنه عقدة تدرّج حيّة في الـInspector: اسحب محطّة، غيّر لوناً، أدر الزاوية. هذا هو الجزء الذي غالباً ما يُسطَّح إلى صورة في الطرق الأخرى، وهو بالضبط الجزء الذي يجعل التصميم يبدو مصمَّماً.
العناوين والتسميات والفقرات، بخطّها ووزنه وحجمه والتباعد بين الحروف وارتفاع السطر والمحاذاة.
النص يصل كعقدة Fusion Text+ والكلمات لا تزال في حقل Styled Text، فتقدر تعيد كتابة أي عبارة داخل Resolve بدون فتح ملف التصميم. المحاذاة يمين ووسط ويسار محفوظة، وكذلك المحاذاة العمودية داخل صندوق النص، وهي التي تُبقي التسمية في مكانها الذي وضعها فيه المصمّم بدل أن تنزاح إلى الوسط. وتدرّجات تعبئة النص وحدوده الخارجية تنتقل أيضاً.
الحدّ حول الشكل: سماكته، ولونه أو تدرّجه، وهل هو داخل الحافة أو خارجها أو في وسطها.
الحدّ يُبنى كشكل منفصل موضوع فوق التعبئة، تماماً كما يركّبه Figma، بدل أن يُرسم داخل نفس الطبقة. وهذا يُبقي الاثنين مستقلّين: أعد تلوين الإطار دون المساس بما يحيط به، أو حرّك سماكته وحدها. والحدود المتدرّجة تبقى متدرّجة.
التأثيران اللذان يحملان معظم الإحساس بالعمق في التصاميم الحديثة: طبقة مموّهة، وظل مزاح خلف عنصر.
كلٌّ منهما يصير عقدة Fusion حقيقية داخل السلسلة، موصولة بين الطبقة والـMerge الخاص بها. نصف قطر التمويه وإزاحة الظل وزاويته ولونه ونعومته تأتي من التصميم بدل أن تُخمَّن، ولأنها عقد تقدر تضع لها Keyframes، أو تطفئ واحدة للمقارنة، أو تُدخل شيئاً آخر بينهما.
في Figma شفافيتان مختلفتان والمصمّمون يستعملون الاثنتين: شفافية تعبئة واحدة أو حدّ واحد، وشفافية الطبقة بأكملها.
تبقيان منفصلتين أثناء النقل. تعبئة بـ40 بالمئة تصل بـ40 بالمئة داخل عقدة الشكل الخاصة بها، بينما شفافية الطبقة تنزل على الـMerge الذي يركّبها، فخفض واحدة لا يغيّر الأخرى بصمت. ودمج الاثنتين في رقم واحد هو الاختصار المعتاد، وهو ما يجعل التصميم المنقول يبدو «قريباً من الصحيح» ومستحيل التصحيح.
الصور، وتعبئات الصور، والأيقونات، والشعارات، وأي مسار أعقد من أن يُعاد بناؤه كشكل Fusion.
تُصدَّر من Figma بدقّتها الكاملة وتدخل كعقد Loader تشير إلى ملفات حقيقية، موضوعة ومقاسة في مكانها الصحيح. الشعار يبقى شعاراً: حاداً، في موضعه، وقابلاً للاستبدال لاحقاً بتوجيه الـLoader إلى ملف آخر.
أربعة أشياء، مذكورة بوضوح. قائمة كلّها «نعم» لا تستحقّ القراءة، وأيٌّ من هذه سيُكتشف في العشر دقائق الأولى على أي حال.
الطبقة المخفيّة بأخرى، أو الإطار المضبوط على قصّ ما يفيض عنه، تصل غير مقصوصة. مساران Photoshop و After Effects يعيدان بناء الماسكات، أما مسار Resolve فلا يفعل بعد، فأي عنصر يعتمد على ماسك يحتاج عقدة واحدة تُضاف يدوياً.
تمويه الطبقة والظل ينتقلان. أما تأثيرا Figma الآخران فيُتخطّيان بدل تقريبهما، وسجلّ النقل يذكر اسم كل واحد تخطّاه حتى لا يضيع شيء بصمت.
لا يوجد في Fusion مكافئ لـAuto Layout في Figma، فالتكديس يصل مقاساً وموضوعاً تماماً كما بدا، لكن ليس كقاعدة تُعيد الترتيب. تغيير حجم عنصر واحد لن يدفع البقيّة.
التصميم ينزل في صفحة Fusion، ككومبوزيشن تقدر تضعه على أي تايم لاين. لا يصل كعناوين في صفحة Edit ولا كعنصر في Fairlight، وهذا ليس الغرض منه.
ينقل Prism تصاميم Figma و Illustrator و Photoshop إلى DaVinci Resolve أو After Effects كطبقات قابلة للتعديل. والنسخة المجانية من Resolve تكفي.