Summarize this content to 400 words in Persian Lang
هی توسعه دهندگان 🙂
معرفی
با بیش از 15 سال سیستم‌های ساخت و طراحی کیت UI، تیم من در حال راه‌اندازی یک پلتفرم (دسترسی بتا رایگان) است که به توسعه‌دهندگان اجازه می‌دهد تا به جای چند ماه، کیت‌های UI و سیستم‌های طراحی سازگار و کاملاً کاربردی را بسازند. ارائه بهترین روش‌ها با پیشرفته‌ترین طراحی سیستم/طراحی سیستم برای استفاده مجدد از مؤلفه‌های UI، همراه با دسترسی به بیش از 500 مؤلفه منبع باز که می‌توانید هر چیزی را با آن بسازید.
بله، این فناوری منبع باز و بدون قفل فروشنده است. این بدان معناست که می توانید هر بخشی از کیت / پروژه UI خود را در هر زمان صادر کنید. هدف ما تقویت پشته فناوری شما نیست، نه حبس کردن شما.
به هر حال چرا باید اهمیت بدی؟
خوب ابتدا چه مشکلاتی را می‌خواهیم حل کنیم، و چگونه می‌توانیم یک کیت UI به این سرعت بسازیم؟
قابلیت استفاده مجدد و سازگاری چالش‌هایی است که توسعه‌دهندگان روزانه با آن مواجه هستند.
به عنوان مثال، چند مشکل رایج…
چگونه می توانم کل کتابخانه مؤلفه خود را برای یک پروژه جدید که دارای مجموعه کاملاً متفاوتی از الزامات برندسازی است تغییر نام دهم؟
همکاری با غیرتوسعه‌دهنده‌ها مانند طراحان در مورد ویژگی‌های موجود (توکن‌های رنگی) برای استفاده دردسرساز است.
چگونه می توانم کتابخانه خود را به راحتی سازماندهی و بازرسی کنم تا از بازسازی مؤلفه هایی که از قبل در دسترس هستند (مخصوصاً به صورت تیمی) اجتناب کنم.
اگر جزء دارای خواص بیش از حد باشد، مقیاس و استفاده مجدد از آن سخت می شود. بنابراین، ساخت قطعات جدید را تشویق می کند که کارایی سیستم طراحی را کاهش می دهد
در حالی که کتابخانه‌های مؤلفه‌ای مانند Tailwind و Bootstrap از کتابخانه‌های مؤلفه‌های قفسه‌ای خوب هستند، معمولاً سفارشی‌سازی آنها بر اساس نیازهای شخصی شما سخت و زمان‌بر است، زیرا برای موارد استفاده و استایل خاص ساخته شده‌اند.
افزایش سیستم طراحی و ابزارهای مستندسازی مانند Storybook و Zero height بخشی از این مسائل را حل می کند که عمدتاً ارتباط بین تیم ها است. با این حال، اثربخشی یک سیستم طراحی بر اساس خود طراحی سیستم است که هیچ کدام از اینها ارائه نمی دهند. بنابراین باید همچنان مقدار زیادی از زمان و پول را صرف توسعه سیستمی کنید که قابلیت استفاده مجدد را در کل کیت UI و معماری کد سیستم طراحی شما ارتقا دهد.
نمادها چگونه این چالش ها را حل می کنند؟
چند نکته کلیدی…
جدا از بیش از 500 مؤلفه که برای ساختن هر آنچه که می خواهید برای شما فراهم شده است، می توانید اجزای 100٪ قابل تنظیم را بسازید. خواص را می توان به راحتی در هر زمان لغو کرد
کتابخانه اجزای خود را به صورت برچسب‌ها بررسی و سازماندهی کنید تا از ساختن تگ‌های موجود جلوگیری کنید
یک سیستم طراحی بسیار پیشرفته که وظایف پیچیده را در سطح کد انجام می دهد، مانند مقیاس تایپ تولید شده خودکار برای تایپوگرافی و فاصله گذاری. این امر ایجاد طراحی پاسخگو را بسیار آسان تر می کند، زیرا دیگر نیازی به تنظیم فاصله برای هر جزء ندارید. تغییرات طراحی جهانی مانند حالت تاریک را در کل کتابخانه و موارد دیگر اعمال کنید
استفاده و واکشی نام رمز در کل کیت UI خود، که به طور قابل توجهی خطوط کد را کاهش می دهد = کد قابل استفاده مجدد و مقیاس پذیرتر می شود
به راحتی هر قسمت از پروژه خود را به صورت مجزا بسازید، آزمایش کنید، مستندسازی کنید، از جمله توابع، صفحات، اجزای جداگانه و رنگ های موجود در سیستم طرح های خود
فقط با پیکربندی مجدد منوی سیستم طراحی، کل کیت/پروژه UI خود را با فاصله گذاری خودکار/تغییرات پاسخگو تغییر نام دهید.
با همکاری بلادرنگ و ابزارهای بدون کد / کم کد، می توانید پروژه خود را با سایر توسعه دهندگان و غیر توسعه دهندگان همزمان بسازید.
از راه‌اندازی و نگهداری چندین ابزار/ اسناد سیستم طراحی خودداری کنید، زیرا UX پلتفرم‌ها برای مشاهده آسان پروژه شما به عنوان مستندات در تمام تیم‌های فنی/غیر فناوری تنظیم شده است.
تغییرات فوراً در نسخه توسعه دهنده پروژه وب، قبل از انتشار تا تولید مشاهده می شود
توجه داشته باشید که این پلتفرم با تنظیمات شما بسیار قابل تنظیم است. در صورت عدم تمایل، نیازی به پیروی از سیستم طراحی ندارید، و می توانید تنظیمات خاصی از سیستم طراحی را خاموش کنید، زیرا به عنوان یک پوشش تلقی می شود.
این ماه حالت بوم را به پلتفرم اضافه می کنیم. ساختن نمادها، “Figma for developers”، با تمام کیت های رابط کاربری کاربردی/متحرک/تعاملی که روی بوم در دسترس هستند. این همچنین به این معنی است که می‌توانید کل کیت UI خود را در حالت‌های مختلف آزمایش کنید، مانند دسترسی چپ به راست، دستگاه‌های پاسخگو، حالت‌های جهانی و موارد دیگر.
چه کارایی بیشتری ببینیم و آن را امتحان کنیم؟
در اینجا یک صفحه فرود سریع است که من گردآوری کرده ام (من بنیانگذار بازاریابی هستم) که نمادها را در عمل از طریق ویدیوها به نمایش می گذارد.
https://symbolsapp.framer.website/
بازخورد قدردانی می شود!هر سوالی داشتید، مطلعم کنید 🙂
هی توسعه دهندگان 🙂
معرفی
با بیش از 15 سال سیستم‌های ساخت و طراحی کیت UI، تیم من در حال راه‌اندازی یک پلتفرم (دسترسی بتا رایگان) است که به توسعه‌دهندگان اجازه می‌دهد تا به جای چند ماه، کیت‌های UI و سیستم‌های طراحی سازگار و کاملاً کاربردی را بسازند. ارائه بهترین روش‌ها با پیشرفته‌ترین طراحی سیستم/طراحی سیستم برای استفاده مجدد از مؤلفه‌های UI، همراه با دسترسی به بیش از 500 مؤلفه منبع باز که می‌توانید هر چیزی را با آن بسازید.
بله، این فناوری منبع باز و بدون قفل فروشنده است. این بدان معناست که می توانید هر بخشی از کیت / پروژه UI خود را در هر زمان صادر کنید. هدف ما تقویت پشته فناوری شما نیست، نه حبس کردن شما.
به هر حال چرا باید اهمیت بدی؟
خوب ابتدا چه مشکلاتی را می‌خواهیم حل کنیم، و چگونه می‌توانیم یک کیت UI به این سرعت بسازیم؟
قابلیت استفاده مجدد و سازگاری چالش‌هایی است که توسعه‌دهندگان روزانه با آن مواجه هستند.
به عنوان مثال، چند مشکل رایج…
- چگونه می توانم کل کتابخانه مؤلفه خود را برای یک پروژه جدید که دارای مجموعه کاملاً متفاوتی از الزامات برندسازی است تغییر نام دهم؟
- همکاری با غیرتوسعه‌دهنده‌ها مانند طراحان در مورد ویژگی‌های موجود (توکن‌های رنگی) برای استفاده دردسرساز است.
- چگونه می توانم کتابخانه خود را به راحتی سازماندهی و بازرسی کنم تا از بازسازی مؤلفه هایی که از قبل در دسترس هستند (مخصوصاً به صورت تیمی) اجتناب کنم.
- اگر جزء دارای خواص بیش از حد باشد، مقیاس و استفاده مجدد از آن سخت می شود. بنابراین، ساخت قطعات جدید را تشویق می کند که کارایی سیستم طراحی را کاهش می دهد
- در حالی که کتابخانه‌های مؤلفه‌ای مانند Tailwind و Bootstrap از کتابخانه‌های مؤلفه‌های قفسه‌ای خوب هستند، معمولاً سفارشی‌سازی آنها بر اساس نیازهای شخصی شما سخت و زمان‌بر است، زیرا برای موارد استفاده و استایل خاص ساخته شده‌اند.
- افزایش سیستم طراحی و ابزارهای مستندسازی مانند Storybook و Zero height بخشی از این مسائل را حل می کند که عمدتاً ارتباط بین تیم ها است. با این حال، اثربخشی یک سیستم طراحی بر اساس خود طراحی سیستم است که هیچ کدام از اینها ارائه نمی دهند. بنابراین باید همچنان مقدار زیادی از زمان و پول را صرف توسعه سیستمی کنید که قابلیت استفاده مجدد را در کل کیت UI و معماری کد سیستم طراحی شما ارتقا دهد.
نمادها چگونه این چالش ها را حل می کنند؟
چند نکته کلیدی…
- جدا از بیش از 500 مؤلفه که برای ساختن هر آنچه که می خواهید برای شما فراهم شده است، می توانید اجزای 100٪ قابل تنظیم را بسازید. خواص را می توان به راحتی در هر زمان لغو کرد
- کتابخانه اجزای خود را به صورت برچسب‌ها بررسی و سازماندهی کنید تا از ساختن تگ‌های موجود جلوگیری کنید
- یک سیستم طراحی بسیار پیشرفته که وظایف پیچیده را در سطح کد انجام می دهد، مانند مقیاس تایپ تولید شده خودکار برای تایپوگرافی و فاصله گذاری. این امر ایجاد طراحی پاسخگو را بسیار آسان تر می کند، زیرا دیگر نیازی به تنظیم فاصله برای هر جزء ندارید. تغییرات طراحی جهانی مانند حالت تاریک را در کل کتابخانه و موارد دیگر اعمال کنید
- استفاده و واکشی نام رمز در کل کیت UI خود، که به طور قابل توجهی خطوط کد را کاهش می دهد = کد قابل استفاده مجدد و مقیاس پذیرتر می شود
- به راحتی هر قسمت از پروژه خود را به صورت مجزا بسازید، آزمایش کنید، مستندسازی کنید، از جمله توابع، صفحات، اجزای جداگانه و رنگ های موجود در سیستم طرح های خود
- فقط با پیکربندی مجدد منوی سیستم طراحی، کل کیت/پروژه UI خود را با فاصله گذاری خودکار/تغییرات پاسخگو تغییر نام دهید.
- با همکاری بلادرنگ و ابزارهای بدون کد / کم کد، می توانید پروژه خود را با سایر توسعه دهندگان و غیر توسعه دهندگان همزمان بسازید.
- از راه‌اندازی و نگهداری چندین ابزار/ اسناد سیستم طراحی خودداری کنید، زیرا UX پلتفرم‌ها برای مشاهده آسان پروژه شما به عنوان مستندات در تمام تیم‌های فنی/غیر فناوری تنظیم شده است.
- تغییرات فوراً در نسخه توسعه دهنده پروژه وب، قبل از انتشار تا تولید مشاهده می شود
توجه داشته باشید که این پلتفرم با تنظیمات شما بسیار قابل تنظیم است. در صورت عدم تمایل، نیازی به پیروی از سیستم طراحی ندارید، و می توانید تنظیمات خاصی از سیستم طراحی را خاموش کنید، زیرا به عنوان یک پوشش تلقی می شود.
این ماه حالت بوم را به پلتفرم اضافه می کنیم. ساختن نمادها، “Figma for developers”، با تمام کیت های رابط کاربری کاربردی/متحرک/تعاملی که روی بوم در دسترس هستند. این همچنین به این معنی است که می‌توانید کل کیت UI خود را در حالت‌های مختلف آزمایش کنید، مانند دسترسی چپ به راست، دستگاه‌های پاسخگو، حالت‌های جهانی و موارد دیگر.
چه کارایی بیشتری ببینیم و آن را امتحان کنیم؟
در اینجا یک صفحه فرود سریع است که من گردآوری کرده ام (من بنیانگذار بازاریابی هستم) که نمادها را در عمل از طریق ویدیوها به نمایش می گذارد.
https://symbolsapp.framer.website/
بازخورد قدردانی می شود!
هر سوالی داشتید، مطلعم کنید 🙂
