أفضل 8 ملحقات لمتصفح جوجل كروم للمصممين

سواء كنت بحاجة إلى شيء ما لمعاينة الخطوط أو إدارة سير العمل، فستجد أفضل ملحقات Google Chrome للمصممين في هذا الدليل الكامل. تعتبر هذه المكونات الإضافية مثالية سواء كنت هاويًا أو محترفًا.

1. الشكل

سعر: مجاني مع خيارات متميزة

يحظى Figma بشعبية كبيرة لدى مصممي UX ومصممي الجرافيك على حدٍ سواء، ويساعدك ملحق Chrome الخاص به على تخصيص الأحداث التي تنشئها في تقويم Google بشكل أفضل.

يمكنك مشاركة لوحات FigJam مباشرة عند استخدام ملحق Figma’s Chrome. يمكن استخدام هذه الميزة لتشغيل عرض تقديمي أو إضافة سياق إضافي قبل الاجتماع.

يتيح لك ملحق Figma Chrome أيضًا إضافة أي من ملفات Figma إلى حدث تقويم Google. إلى جانب إضافة الملفات الموجودة، يمكنك أيضًا إنشاء ملفات جديدة ولوحات FigJam عبر التقويم الخاص بك. علاوة على ذلك، يعمل البرنامج الإضافي بمثابة نقرة سريعة إلى موقع Figma الإلكتروني.

2. أدوبي إكسبريس

سعر: مجاني مع خيارات متميزة

على الرغم من أنني ما زلت أوصي باستخدام أدوات أكثر تقدمًا، مثل Adobe InDesign وAdobe Illustrator، للتصميمات المعقدة، فإن Adobe Express يعد رائعًا للنماذج الأولية الأساسية ومنشورات الوسائط الاجتماعية. يمكنك قص الصور وتغيير حجمها بسرعة بالإضافة إلى إزالة الخلفيات.

يتيح لك ملحق Adobe Express Chrome إنشاء تصميمات جديدة بسرعة دون الحاجة إلى الانتقال إلى موقع الويب. بعد النقر على يخلق، سيكون لديك حق الوصول إلى المكتبة الكاملة.

عند استخدام هذا الامتداد، يمكنك أيضًا تحويل الصور من جهاز الكمبيوتر الخاص بك أو القرص الصلب إلى PNG أو JPEG. ومع ذلك، فهو لا يعمل لحفظ ملفات WEBP وتحويلها إلى JPEG.

3. معاينة الخط جوجل

سعر: حر

يعد فهم كيفية عمل الخطوط معًا أحد أهم جوانب التصميم، ولكن معرفة الشكل الذي ستبدو عليه يمثل تحديًا في بعض الأحيان. يتيح لك Google Font Previewer معاينة الشكل الذي ستبدو عليه الصفحات مع تطبيق العديد من الخطوط.

لاختيار الخطوط التي تريد إضافتها، ستجد قائمة شاملة على الجانب الأيمن. يمكنك أيضًا اختيار ما إذا كنت ترغب في استخدام رموز غير لاتينية، مثل العربية والكورية.

تعرف على كيفية تفاعل الخطوط مع أجزاء مختلفة من الصفحة عن طريق تغيير حالة الأحرف. علاوة على ذلك، يمكنك الاختيار بين العادي والجريء. بمجرد أن تعرف ما تريد تغيير الخطوط إليه، فلا تتردد في تعديلها في قالب WordPress أو أداة إنشاء مواقع الويب التي تستخدمها.

4. HTML للتصميم

سعر: مجاني مع خيارات متميزة

أنت بحاجة إلى المكوّن الإضافي Figma لاستخدام HTML في التصميم، ولكنه يعد امتدادًا قويًا جدًا لمتصفح Chrome للمصممين، بمجرد تثبيت كليهما. يمكنك تحويل صفحات Chrome التي تتصفحها إلى تصميمات Figma.

يتيح لك HTML to Design تخصيص عرض التصميم الخاص بك. أوصي بالبدء بعرض المتصفح إذا كنت تصمم صفحة ويب، ولكن يمكنك دائمًا اختيار خيار الهاتف المحمول إذا كنت تقوم بإنشاء تطبيق أو صفحة جوال.

يتيح لك المكون الإضافي HTML to Design اختيار الصفحة بأكملها أو جزء معين منها والوضع الفاتح أو الداكن.

5. كولورزيلا

سعر: حر

تعد معرفة أرقام RGB الدقيقة أحد أكبر التحديات، لكن ملحق ColorZilla Chrome يجعل هذه المهمة أسهل للمصممين. يعرض لك المكون الإضافي الأرقام الدقيقة المطلوبة لأي لون على صفحة الويب الخاصة بك، سواء كان شعارًا أو صورة أو أي شيء آخر.

إلى جانب اختيار لون من صفحة ويب معينة، يتيح لك ColorZilla أيضًا اختيار لون من خارج متصفحك. يحتفظ البرنامج الإضافي بسجل اختياراتك أيضًا، مما يعني أنه يمكنك الرجوع إليه وقتما تشاء.

يحتوي منتقي الألوان هذا أيضًا على متصفح لوحة يتيح لك رؤية أرقام RGB للألوان شائعة الاستخدام.

6. ملحق بحث ميرو كروم

سعر: مجاني مع خيارات متميزة

إذا كنت تريد الوصول السريع إلى مشاريع Miro الخاصة بك، ففكر في تنزيل ملحق بحث Miro في Chrome. بعد دمج هذا المكون الإضافي، يمكنك البحث عن جميع مستنداتك مباشرةً من مربع URL الخاص بمتصفح Chrome.

للعثور على النتائج، اكتب “miro”، متبوعًا باسم الملف الخاص بك. ستلاحظ تغيير عنوان URL إلى بحث ميرو.

بعد الضرب يدخل، سيتم نقلك إلى لوحة تحكم Miro الخاصة بك.

سعر: مجاني مع خيارات متميزة

تعد أدوات المصمم امتدادًا رائعًا لمتصفح Chrome، حيث تتيح لك تعلم القياسات عند تصميم تطبيقاتك ومواقع الويب الخاصة بك. تعرف على عدد وحدات البكسل في كل جانب من جوانب الموقع الذي تزوره، مثل مربعات النص والمرئيات.

يمكنك أيضًا مقارنة وحدات البكسل لأقسام مختلفة من خلال النقر على أحدها وتحريك مؤشر الماوس فوق القسم التالي الذي تريد قياسه.

تتيح لك أدوات المصمم حفظ الجوانب وإضافة شبكات لمساعدتك في الحصول على قياسات أكثر دقة. تعرف أيضًا على كيفية تغيير حجم البكسل لتعظيم استخدام هذه الأداة.

8. بيرفكت بيكسل

سعر: مجاني مع خيارات متميزة

يتيح لك PerfectPixel إضافة طبقات متعددة عن طريق تحميل الأصول المرئية من جهاز الكمبيوتر الخاص بك. يمكنك أيضًا النسخ واللصق من الحافظة الخاصة بك. إذا كنت تريد إكمال مشروعك لاحقًا، فمن السهل حفظ تقدمك.

لمنع الارتباك، أضف تخطيطات مختلفة لكل موقع ويب. يمكنك أيضًا سحب وإسقاط الطبقات التي تم تحميلها إلى المكان الذي تريد أن تظهر فيه بدقة.

يتيح لك PerfectPixel وضع العناصر على اليسار أو المنتصف أو اليمين بنقرة واحدة. ستجد أيضًا العديد من الاختصارات لتبسيط سير عملك.

سواء كنت تبحث عن ألوان محددة أو ترغب في تصميم عناصر جديدة على صفحة ويب، فإن أفضل ملحقات Chrome للمصممين يمكن أن تساعدك. ستجد أيضًا الكثير من الأدوات للبحث في البرامج بشكل أكثر فعالية. قد ترغب في التفكير في دمجها مع ملحقات Chrome التي تعمل على تحسين تجربة البحث لديك لتحقيق إنتاجية أفضل.

حقوق الصورة: DALL-E. جميع لقطات الشاشة بواسطة داني مايوركا.