يمكنك تنفيذه في Figma بهذه الخطوات البسيطة:
1️⃣ إنشاء الشكل الأساسي
• افتح ملفك في Figma.
• اختر أداة Rectangle (R) وارسم مستطيل بحجم الزر المطلوب.
• من لوحة الخصائص (يمين) أعطه Corner Radius كبيرًا (مثلاً 20 أو 30) حتى يصبح بحواف ناعمة.
2️⃣ اللون الخلفي
• في خاصية Fill اختر لونًا غامقًا قريبًا من الأخضر الداكن (#15251F مثلاً).
• قلل درجة التشبع أو غيّرها حسب ما تراه مناسب.
3️⃣ الظلال (لإعطاء العمق)
• حدد المستطيل → من أسفل لوحة الخصائص اختر Effects → Drop Shadow.
• أضف Drop Shadow بلون أفتح قليلاً من لون الخلفية (لإضاءة) وأخرى بلون أغمق قليلاً (للظل الداخلي).
إعدادات مقترحة:
• Drop Shadow 1 (الظل الخارجي)
• Y = 4
• Blur = 8
• اللون: أسود مع Opacity 15%
• Inner Shadow (الظل الداخلي)
• Y = -2
• Blur = 4
• اللون: أبيض مع Opacity 20%
4️⃣ النص فوق الزر
• اختر أداة النص (T) واكتب: Get started.
• في خصائص النص اختر خطًا بسيطًا (Inter أو SF Pro).
• اجعل اللون أبيض أو رمادي فاتح (#EAEAEA).
5️⃣ لمسة نعومة إضافية
• يمكنك إضافة Layer Blur بسيط للزر نفسه أو للأشكال البيضاء الصغيرة التي تمثل انعكاس الضوء.
• هذا يعطي إحساس الـ Glass / Soft UI.
6️⃣ التصدير
• حدد الزر بالكامل (الشكل + النص) ثم Group.
• من Export اختر PNG أو SVG.
