وعليكم السلام ورحمة الله،
يمكنك استخدام Figma مجانا عبر المتصفح من خلال إنشاء حساب على figma.com ثم تفتح المشاريع العامة أو تختار أحد القوالب الجاهزة من Figma Community بكتابة إما:
"dashboard designs"
أو:
"web app UI kits"
وذلك في شريط البحث وستجد تصاميم جاهزة لتطبيقات مثل HRMS أو AI dashboards. لاستخراج العناصر وإن كان لديك تصميم جاهز يمكنك فقط فتحه ثم المتابعة أولا تقوم بتكبير التصميم من خلال عمل zoom in واستخدام أداة "Inspect" في اللوحة اليمنى لنسخ أبعاد العناصر بدقة كال width, height, margins, padding والألوان والخطوط والمسافات ثم تقوم بنقلها مباشرة إلى CSS في مشروعك أما بخصوص الأيقونات يمكنك تصديرها ك SVG أو PNG عبر "Export".
ومن المهم أن تركز على responsive breakpoints من التصميم (mobile, tablet, desktop) لتحويلها إلى components في كودك فيما بعد.