تحسين كود HTML/CSS/Bootstrap لمطابقة تصميم Figma (عربي/إنجليزي)
تفاصيل المشروع
لدينا موقع ثنائي اللغة (العربية / الإنجليزية) تم بناؤه بالفعل باستخدام HTML5 + CSS3 + Bootstrap 5. الهيكل العام مطابق لتصميم Figma بنسبة كبيرة، لكن نحتاج ضبط المسافات والهوامش والمحاذاة والأحجام (pixel-perfect) حتى يصبح التطابق 100% مع التصميم.
الصفحات الحالية:
1 - الصفحة الرئيسية
2 - صفحة المنتج
3 - من نحن
4 - المدونة
5 - تواصل معنا
** المطلوب فنيًا ليس إعادة بناء، بل تحسينات دقيقة على الستايلينج:
ضبط الـ spacing (margin/padding)، الشبكة، قياسات العناصر، الخطوط، التراص، وحالات الاستجابة على جميع المقاسات، مع دعم RTL/LTR بشكل كامل.
نطاق العمل (Tasks)
- مطابقة التصميم pixel-perfect لكل صفحة مع Figma (انحراف بصري لا يتجاوز 1–2px).
- ضبط النظام الطباعي (الأحجام/الوزن/الارتفاع) والخطوط المستخدمة في Figma.
- توحيد المسافات (Spacing Scale) عبر استخدام متغيرات Bootstrap أو CSS Variables.
- مراجعة الشبكة (Grid/Container/Row/Col) ومحاذاة العناصر بدقة.
- تحسين الاستجابة على كافة نقاط التوقف (xs, sm, md, lg, xl).
- دعم اتجاهي النص: RTL للعربية وLTR للإنجليزية (تأكد من الانعكاس الصحيح للأيقونات/الأسهم/المحاذاة).
** ما سنوفره لك
رابط تصميم Figma مع القياسات/Specs.
سورس المشروع الحالي (HTML/CSS/Bootstrap).
** فضلاً أرفِق في عرضك
أمثلة لمشاريع تحويل Figma إلى Bootstrap مع دعم RTL.
نبذة عن طريقتك في تحقيق pixel-perfect
توضيح لو كنت تفضّل SCSS أو CSS عادي وكيف ستُنظّم الملفات.
العروض المقدمة
Aya A.
أهلا بحضرتك استاذ مصطفى مع حضرتك آيه مهندسة برمجيات full-stack developer استطيع تنفيذ المطلوب بإذن الله تعالى باستخدام html css bootstrap مطابق تماما figma تواص...
Mahmoud S.
السلام عليكم,, أستطيع القيام بما تريده وباحترافية عالية وسوف يسعدني التعامل معك أعمل ك Front End Developer ولدي خبرة في تحسين المواقع لدي خبرة في القيام بهذه ال...
Belal S.
السلام عليكم ورحمة الله وبركاته معك بلال النجار مهندس برمجيات بخبرة أكثر من ثلاث سنوات في تطوير تطبيقات الويب المتكاملة حيث أعمل على تصميم واجهات عصرية وجذابة ب...
Ahmed H.
مرحبا أنا أحمد محمد حفني، خريج كلية حاسبات ومعلومات ومطور Front-End بخبرة في تصميم وتطوير واجهات المواقع وتطبيقات الموبايل. أمتلك شغفا بتقديم حلول رقمية مبتكرة ...
Mohamad R.
مرحبا، أنا مطور واجهات أمامية بخبرة 6 سنوات، وجميع المشاريع السابقة من تطويري وتصميمي الكامل. أستطيع تسليم موقعكم مطابق Pixel-Perfect مع تصميم Figma، مع دعم ثنا...
منة الله ح.
مرحبا، أنا منة حسني مطورة ويب متخصصة في HTML/CSS/Bootstrap مع خبرة في تحويل تصاميم Figma إلى واقع مع دعم كامل للـ RTL/LTR. اطلعت على تفاصيل مشروعك وجاهزة لضبط ا...
Ahmed E.
اهلا استاذ مصطفى, مع حضرتك احمد السمان مطور full-stack ، يمكن لحضراتكم مشاهدة بعض من الاعمال من معرض الاعمال ومن اشهر الامثلة: نسخة من موقع امازون ستجده في معرض...
Mahmoud A.
السلام عليكم اخي مصطفي معك محمود عبد المنعم فرونت اند اجيد استخدام HTML, CSS, JS, BOOTSTRAP, REACT, Redux-react بعد قراءة المطلوب استطيع ان انفذه لك علي اكمل وج...
Abedalla E.
مرحبا، لدي خبرة واسعة في تطوير واجهات المواقع باستخدام HTML وCSS وBootstrap، بالإضافة إلى العمل على Tailwind، مع التركيز على تحويل التصاميم إلى مواقع دقيقة ومتج...
Merna M.
السلام عليكم أنا ميرنا مجدي، مهندسة برمجيات ومتخصصة في Front-End Development. عندي خبرة عملية في بناء وتطوير واجهات المستخدم باستخدام HTML, CSS, Bootstrap, Java...
علي ح.
شوف ، مشروعك بالنسبة لي سهل . أنا اكلك هذا لأن اكتسبت خبرة كبيرة من خلال التعلم و التدريب و عمل المشاريع . الان انا عندي خبرة سنتين في كل من Html,CSS, JavaScrip...
Zeinab M.
السلام عليكم، أنا زينب، مصممة ومطورة واجهات مواقع إلكترونية، ويسرني مساعدتك في تحويل ملفات Figma إلى كود احترافي باستخدام HTML, CSS, JavaScript, Bootstrap لضمان...
Ali K.
السلام عليكم ورحمة الله وبركاته، اطلعت على تفاصيل مشروعكم وفهمت المطلوب تماما: تحسين الموقع الحالي ليكون Pixel Perfect مطابق لتصميم Figma مع دعم كامل لـ RTL/LTR...
Yasser S.
أهلا بحضرتك مع حضرتك ياسر سالم مطور front-end ومعيد في معهد تكنولولجيا المعلومات ITI سأقوم بالقيام بهذا المشروع في اقل وقت ممكن, فقد قمت بتنفيذ الكثير من المشار...
Mohamed E.
السلام عليكم ورحمة الله و بركاته, مرحبا استاذ مصطفى اسمي محمد محمود المهندس, مهندس برمجيات بخبرة تتجاوز ال٥ سنوات فى مجال تطوير المواقع و التطبيقات سأحرص فى هذا...
عمار ش.
السلام عليكم اسمي عمار لدي خبرة في (front-end( html-css-js-tailwind-bootstrap- figma يمكنني تنفيذ طلب في اسرع وقت ممكن وبجودة عالية وبسعر رخيص يمكنك الاستفادة ك...
Omar M.
مرحبا، أنا عمر محمد أبو زيد مطور Front-End متخصص في بناء وتحسين واجهات الويب باستخدام HTML5, CSS3, Bootstrap 5 مع خبرة قوية في تحويل تصاميم Figma إلى كود متجاوب...
Yaghmourassen M.
مرحبا أنا معاوي يغمراسن مهندس برمجيات محترف و ذو خبرة في المجال لدي كفائة و معرفة للغات برمجية واسعة Html css js php react ajax bootstrap spring كما أنه لدي الك...
Ahmed H.
مرحبا بك يا فندم، معك أحمد حسن، مطور Front-End بخبرة عميقة في بناء وتطوير الواجهات التفاعلية. خلال رحلتي في المجال أنجزت عدد كبير من المشاريع باستخدام HTML, CSS...
Abdelrahman M.
مرحبا أ/ مصطفى أنا عبد الرحمن مصطفى، مطور Front-end متخصص في بناء وتحسين واجهات المواقع باستخدام HTML5 / CSS3 / Bootstrap 5 مع خبرة قوية في تحويل تصاميم Figma إ...
محمد ع.
أهلا، اقدر أضبطلك الموقع بحيث يكون مطابق لتصميم Figma بنسبة 100% (pixel-perfect) في خلال يوم واحد فقط. المهام اللي هعملها: ضبط المسافات والهوامش (margin / paddi...
Mohamed A.
السلام عليكم ورحمة الله وبركاته الأستاذ مصطفى المحترم، تحية طيبة وبعد، أنا محمد الكفراوي ، مهندس برمجيات ومتخصص في تطوير الويب وتحويل تصاميم Figma إلى مواقع متط...
روان ع.
السلام عليكم يا أستاذ مصطفى ، مع حضرتك روان عصام Front-End Developer متخصصة في بناء وتطوير واجهات المستخدم باستخدام: HTML5, CSS3, Bootstrap ، خبرة في Figma to C...
Mahmoud R.
أهلا أستاذ مصطفى، أنا محمود مطور واجهات أمامية. عندي خبرة في HTML5, CSS3, Bootstrap 5, SCSS، وكمان ضبط الاستجابة على كل المقاسات. أقدر أراجع الموقع وأظبط المساف...
Mahmoud R.
أنا محمود، مطور مواقع إلكترونية متخصص في HTML, CSS, JavaScript, Bootstrap, Tailwind، وخبرة في تصميم وتطوير صفحات هبوط ومواقع احترافية تناسب مختلف المجالات. ما أ...
Fatma A.
السلام عليكم، أنا فاطمة عبدالعظيم، مطورة واجهات أمامية (Front-End Developer) متخصصة في تحويل التصاميم من Figma إلى مواقع متجاوبة باحترافية، مع خبرة واسعة في HTM...
Noha E.
السلام عليكم ورحمة الله وبركاته، شكرا لطرح تفاصيل المشروع بشكل واضح، اطلعت بدقة على متطلباتكم الخاصة بضبط واجهة الموقع (ثنائي اللغة: العربية / الإنجليزية) المبن...
Mohamed G.
السلام عليكم ورحمة الله وبركاته أهلا بحضرتك أ. مصطفى، معك محمد جمال مبرمج ومصمم مواقع باحترافية عالية أنا على أتم استعداد لضبط موقعك بشكل كامل ومطابق تماما لملف...
محمود أ.
السلام عليكم ورحمة الله وبركاته ...انا محمود مهندس برمجيات مختص في بناء مشاريع الfrontend باستخدام HTML, CSS, Bootstrap, React.js. اطلعت علي تفاصيل مشروعكم كويس...
Farha G.
مرحبا جاهزة لضبط Pixel-Perfect لكل الصفحات مع دعم كامل RTL/LTR على Bootstrap 5، توحيد الـSpacing/Typo، ومطابقة فجما بدقة (2px) تعديل ملفات HTML/CSS/SCSS القائمة...
أسامة ح.
السلام عليكم أستاذ مصطفى اطلعت على تفاصيل مشروعكم وفهمت المطلوب: ضبط كامل للستايلينج ليكون Pixel-Perfect (12px) مع دعم RTL / LTR دون إعادة بناء. أنجزت أكثر من 3...
عبدالرحمن م.
مرحبا، سأعمل على ضبط وتطوير صفحات الموقع بحيث تكون مطابقة pixel-perfect لتصميم Figma بنسبة 100% مع دعم كامل للغتين (العربية/الإنجليزية). الاعتماد على Bootstrap ...
هند ا.
أقدم لك خدمة تحويل تصاميم Figma إلى مواقع تفاعلية باستخدام HTML5 CSS3 Bootstrap 5 بدقة Pixel-Perfect مع دعم كامل للغات. أضمن لك تطابق التصميم بنسبة 100% مع الاه...
أحمد ا.
السلام عليكم معك المبرمج أحمد العشي يمكنك الاطلاع على معرض أعمالي عملت على لوحات تحكم و عملت على مواقع عديدة ولدي الخبرة في انشاء المواقع بتقنيات html5,css3,js ...
Ola A.
السلام عليكم Mostafa M. يسعدني جدا تقديم عرض سعر لمشروعك (مصمم ومطور فرونت اند) لقد قمت بقراءة كافة تفاصيل المشروع وأستطيع العمل على برمجة الموقع بلغة البرمجة H...
أميرة ا.
أهلا بك، أنا أميره مهندسه برمجيات متخصصة في HTML5 / CSS3 / Bootstrap 5، ولدي خبرة في تحويل تصميمات Figma إلى مواقع متجاوبة Pixel Perfect مع دعم كامل للغتين (RTL...
مجتبى م.
السلام عليكم، اطلعت على تفاصيل مشروعكم، ويسعدني أن أقدم لكم عرضا دقيقا لتحقيق تطابق Pixel-Perfect بين موقعكم الحالي المبني بـ HTML5 CSS3 Bootstrap 5 وبين تصميم ...
Mohamad M.
السلام عليكم قرأت طلبك وانا جاهز لتنفيذ المشروع لدي خبرة واسعة بمجال تصميم المواقع باستخدام css3 تفضل بزيارة معرض اعمالي ستجد بعض المشاريع تم بناؤها باستخدام ht...
Mai M.
السلام عليكم ورحمه الله وبركاته, بشمهندس مصطفى مع حضرتك مي ui ux designer و frontend developer اطلعت على طلب حضرتك بالكامل وبكل تاكيد انت محق ان شاء الله هشوف ا...
مصطفى م.
السلام عليكم باشمهندس مصطفى عارف الإحساس لما تفتح الموقع وتلاقي فيه فرق بسيط عن الـFigma (المسافات مش مظبوطة أو الخط مش زي التصميم) التفاصيل دي ممكن تبان صغيرة ...
حسام ر.
مرحبا، شكرا على طرح هذا المشروع المميز. يسعدني أن أقدم عرضي للعمل على تحسين موقعكم الثنائي اللغة (العربية/الإنجليزية) لضبط جميع التفاصيل البصرية بحيث يصبح مطابق...
Mostafa S.
السلام عليكم أستاذ مصطفى معك مصطفى سيد أعمل في تطوير الواجهات الامامية . أتمتع بخبرة واسعة في إنشاء وتصميم مواقع إلكترونية مميزة تلبي احتياجاتك . استطيع تنفيذ ا...
أحمد ع.
مرحبا، أنا أحمد، مطور واجهات أمامية (Frontend Web Developer) بخبرة في بناء مواقع وتطبيقات ويب تفاعلية وسريعة باستخدام: HTML5 / CSS3 JavaScript (Vanilla) React.j...
Abdelrahman A.
السلام عليكم أنا مطور واجهات أمامية (Front-End Developer) متخصص في HTML5, CSS3, و Bootstrap 5، بخبرة قوية في تحويل التصاميم إلى مواقع متطابقة Pixel-Perfect مع د...
Mostafa K.
السلام عليكم ورحمة الله وبركاته، مع حضرتك مصطفى، Full-Stack Developer بخبرة في تطوير واجهات المواقع باستخدام HTML5, CSS, Bootstrap وكذلك بناء الأنظمة المتكاملة....
Manar E.
أهلا بيك، أنا منار مطورة Frontend بشتغل على مشاريع باستخدام HTML5, CSS3, Bootstrap 5، ومعايا خبرة في تحويل تصميمات Figma لمواقع responsive بشكل دقيق جدا. أنا كم...
Youssef A.
السلام عليكم، اطلعت على تفاصيل مشروعكم وفاهم المطلوب تماما: أن الكود الحالي (HTML CSS Bootstrap 5) قريب جدا من تصميم Figma لكن محتاج ضبط أدق للـ spacing، المحاذ...
أحمد ع.
السلام عليكم ورحمة الله وبركاته أنا أحمد Front End Developer قمت بالعمل على العديد من المشاريع على الواجهة الأمامية وتحويل الكثير من تصميمات Figma الي كود ، هدف...
Hanaa H.
السلام عليكم أ.مصطفي أنا أمتلك خبرة أكثر من 3 سنوات في تحويل التصاميم (Figma/PSD) إلى صفحات HTML5 CSS3 Bootstrap متجاوبة بالكامل، مع دعم اتجاهي النص (RTL/LTR) ب...
Hossam M.
مرحبا أ/ مصطفى، أنا مهندس برمجيات ومطور Full Stack بخبرة تتجاوز 5 سنوات في تطوير مواقع الويب داخل شركات تقنية، ومستقل مميز على منصات العمل الحر. اطلعت على تفاصي...