RedMadRobot/figma-export
این ابزار یک command line utility است که به توسعه‌دهندگان کمک می‌کند تا به راحتی عناصر طراحی مانند رنگ‌ها, تایپوگرافی, آیکون‌ها و تصاویر را از Figma استخراج کرده و به پروژه‌های Xcode (برای iOS) و Android Studio (برای اندروید) منتقل کنند. ️
کاربرد:
این ابزار برای تیم‌های توسعه و طراحی که می‌خواهند هماهنگی بیشتری بین طراحی و کدنویسی داشته باشند، بسیار مفید است. با استفاده از آن، نیاز به کپی دستی مقادیر رنگ، فونت یا تصاویر از Figma حذف می‌شود و فرآیند توسعه سریع‌تر و دقیق‌تر می‌شود. ️
در چه شرایطی بهتره استفاده شود؟
وقتی که یک پروژه چندپلتفرمی دارید و تیم طراحی به‌روزرسانی‌های مکرری در Figma انجام می‌دهد، این ابزار می‌تونه تغییرات رو به‌صورت خودکار به کد منتقل کنه. همچنین برای پروژه‌هایی با سیستم طراحی (Design System) مناسب است.
چند مثال از موارد استفاده:
- استخراج کدهای رنگ به صورت HEX یا RGBA و تبدیل آن به فرمت مناسب iOS و اندروید.
- تبدیل استایل‌های فونت از Figma به UIFont یا TextView در اپلیکیشن.
- دانلود خودکار آیکون‌ها و تصاویر با رزلوشن‌های مختلف (مثل @1x, @2x, @3x).
- به‌روزرسانی خودکار فایل‌های Assets.xcassets یا res/drawable.
- ##figma
- ##designToCode
- ##ios
- ##android
- ##designsystem
- ##xcode
- ##androidstudio
- ##mobiledev
- ##uikit
- ##figmatool