storybookjs/addon-designs
این افزونه برای استوری‌بوک طراحی شده تا امکان نمایش طراحی‌های Figma، صفحات وب یا تصاویر را مستقیماً در پنل افزونه فراهم کند.
کاربرد:
این افزونه به توسعه‌دهندگان و طراحان کمک می‌کند تا طراحی‌های اولیه را کنار کامپوننت‌های کدنویسی‌شده ببینند و دقت اجرای ظاهری را بهبود بخشند.
در چه شرایطی بهتره استفاده شود؟
وقتی تیم‌های طراحی و توسعه در یک پروژه با هم همکاری می‌کنند و نیاز به هماهنگی بصری قوی دارند، استفاده از این افزونه بسیار مفیده. همچنین وقتی از Figma به عنوان ابزار اصلی طراحی استفاده می‌شه، این افزونه پل ارتباطی عالی بین طراحی و کد ایجاد می‌کنه.
چند مثال از موارد استفاده:
- نمایش یک صفحه Figma کنار کامپوننت Button برای بررسی فونت و رنگ
- قرار دادن یک تصویر از طرح نهایی سایت در کنار کامپوننت Header
- امبد کردن یک صفحه وب زنده برای مقایسهٔ رفتار واقعی با کامپوننت توسعه‌یافته
- ##storybook
- ##figma
- ##design
- ##ui
- ##web
- ##component
- ##frontend
- ##design
- ##addon
- ##developer