jan-dh/sketch-tailwind
این پلاگین یک پل بین طراحی و کدنویسی ایجاد می‌کنه
کمک می‌کنه تا بخش‌هایی از یک طراحی در ابزار Sketch رو به یک فایل تم جاوااسکریپت تبدیل کنید و اون رو در تنظیمات TailwindCSS استفاده کنید.
کاربرد:
به شما کمک می‌کنه رنگ‌ها، فونت‌ها، فاصله‌ها و دیگر المان‌های طراحی از Sketch رو به صورت خودکار به تنظیمات Tailwind تبدیل کنه و نیاز به تایپ دستی متغیرها رو کم می‌کنه.
در چه شرایطی بهتره استفاده شود؟
وقتی تیم طراحی با Sketch کار می‌کنه و توسعه‌دهندگان از TailwindCSS استفاده می‌کنند، این پلاگین ارتباط بین دو تیم رو روان‌تر می‌کنه.
همچنین برای پروژه‌هایی که تم‌های طراحی سفارشی دارند و می‌خوان هماهنگی کامل بین طراحی و کد رو داشته باشن، عالیه.
چند مثال از موارد استفاده:
- تبدیل پالت رنگ‌های طراحی به theme.colors در Tailwind
- انتقال تنظیمات typoگرافی (فونت، سایز، خطوط) به theme.fontFamily و theme.fontSize
- انتقال متغیرهای فاصله (spacing) و شعاع گوشه (borderRadius) از طراحی به کد
- به‌روزرسانی سریع تم پروژه بعد از تغییرات در طراحی، بدون نیاز به ویرایش دستی فایل کانفیگ
- ##SketchPlugin
- ##TailwindCSS
- ##DesignToCode
- ##FigmaToCode
- ##UIConsistency
- ##FrontendWorkflow
- ##DesignSystem
- ##TailwindTheme
- ##SketchToJS
- ##DeveloperTool