من به عنوان یک طراح ، همیشه مجذوب تقاطع طراحی و فناوری شده ام. شکاف بین طراح و توسعه دهنده همیشه مرا جلب کرده است – من هرگز انتظار نداشتم که به زودی از این کار عبور کنم.
کتابخانه نماد پیکسل توسط Hackernoon به عنوان یک پروژه طراحی سرگرم کننده برای ایجاد آیکون های پیکسل شده که ذات دلتنگ زبان طراحی هکنون را ضبط می کند – اما تبدیل یک فایل طراحی FIGMA به یک وب سایت کاملاً کاربردی من است؟ این برای سال 2025 روی کارت من نبود تا اینکه من مکان نما را کشف کردم. با داشتن منبع باز از طریق GitHub ، Xfigma و NPM ، ما همیشه می خواستیم این نمادها را برای جامعه در دسترس تر کنیم. ایده ساده بود: بیایید وب سایتی بسازیم که طراحان و توسعه دهندگان بتوانند این نمادها را برای پروژه های خود مرور ، جستجو و بارگیری کنند.
چالش؟ من به معنای واقعی کلمه تجربه صفر با برنامه نویسی داشتم.
CURSOR AI ، یک ویرایشگر کد دارای هوش مصنوعی را وارد کنید که به سرعت در طول این سفر مربی و راهنمای من شد. در اینجا نحوه عبور از محدودیت های خود از طراحی به پشته کامل با کمک هوش مصنوعی و برخی از برنامه نویسی جدی پرشور آورده شده است.
شروع از صفر زمین
اولین قدم برای تعیین آنچه می خواستم بسازم و آنچه را که قبلاً داشتم تهیه کنم:
- کتابخانه ای از نمادهای پیکسل با فرمت SVG.
- یک طراحی FIGMA برای وب سایت.
- لیستی از ویژگی هایی که می خواستم در …