اذهب إلى المحتوى

السؤال

نشر

لدي مشروع أعمل عليه، وهو عبارة عن تصميم لموقع عليّ إنشائه. وإني أبحث عن برنامج يساعدني على إستخراج القياسات وحجم الفراغات بين الأسطر وربما الكلمة إن أُمكِنَ ذلك وغيرها الكثير من المزايا. 

بالمختصر برنامج يستخرج ال css codes من الصورة المُرسلة. 

يُفضل أن يكون مجاني غير الفوتوشوب وغير ال photopea

Recommended Posts

  • 0
نشر

إذا كان ملف التصميم تم على فيجما فيمكنك الاستعانة بمنصة فيجما للقيام بذلك بل وتوفير كود CSS لك: 

  • اضغط على أي عنصر في التصميم وستجد في النافذة جهة اليمين خيار code <> قم بالضغط عليه وانسخ كود الـ CSS

أما إذا كانت صور فقط وتريد استخراج الـ design system الخاص بالموقع من خلالها، فيمكنك الإعتماد على: 

  • اضافة PixelZoomer على المتصفح، من خلالها يمكنك استخراج الألوان من الصور والقياسات بين عناصر التصميم.
  • بالنسبة للخطوط هناك مواقع كثيرة مثل whatfontis و بالنسبة للخطوط العربية أنصحك بموقع Arafonts
  • وهناك مواقع توفر لك تحويل الصور إلى CSS code إذا أردت تصميم صورة من خلال CSS فقط قم بالبحث عن image to css
  • وبالنسبة لعناصر أي موقع هناك إضافة باسم css peeper من خلالها باستطاعتك الضغط على أي عنصر وسيظهر لك كافة تفاصيل كود CSS الخاص بذلك العنصر.
  • وإذا أردت استخراج نصوص من الصور فهناك إضافة OCR - image reader من خلالها باستطاعتك استخراج النصوص من الصور لكن لا تدعم العربية.

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...