هیچوقت فکرشو میکردید بشه طرح های ui داخل فیگما رو با چند تا کلیک به کد تبدیل کرد ... ⁉️💥

ابزار locofy همین الان داره انجامش میده. اونم نه فقط به کد html, css بلکه از Typescript و کلی چیزای دیگه پشتیبانی می‌کنه که واقعا برگاتون میریزه :))

از چیا پشتیبانی میکنه ؟ 🚀

طبق ادعای خودش‌ قابلیت این رو داره تا طرح شمارو به هر کدوم از تکنولوژی های زیر تبدیل کنه :

Frameworks

React
Angular
Next
Vue
Gatsby

Design System

MUI
Bootstrap
Ant Design
ChakraUi
Vuetify
...

Other

Javscript
Typescript
Tailwind
Css
...

البته از تکنولوژی های دیگه ای هم پشتیبانی میکنه و برای هر مرحله از پروژه مثل دانلود کد، دیپلوی و ... برنامه داره که میتونید توی عکس همسن پست ببینید ⚡

راستی توی این ویدیو نحوه استفاده ازش رو توضیح داده، به نظرم ببینید جالب بود 🔻

📺 https://youtu.be/yhCtAs--r_Y

🌐 وبسایت رسمی locofy

#️⃣ #figma #tools #AI #uiux

🚀 @coolycode

اگر خواستید خودتون طرح پروژتون رو با فیگما بزنید و از اونجایی که الان خیلی از shad cn استفاده‌ میشه ( بخاطر ویژگی هایی که داره ) میتونید از این پروژه در فیگما استفاده بکنید که همه کامپوننت های shad cn رو از قبل تو فیگما آماده کرده با جزئیات کامل و کارتون رو خیلی سریع تر میکنه 🚀

🌐 مشاهده پروژه در فیگما

راستی این پروژه توی توسط سایت رسمی shad cn  معرفی شده 🔻

🔗 https://ui.shadcn.com/docs/figma

آپدیت :
رفقا از این لینک جدیدی که میزارم استفاده کنید، پروژه رسمی که خود سایت shad cn گذاشته بود خیلی کامل نبود برای همین یه مورد بهتر پیدا کردم ⚡🔻

https://www.figma.com/community/file/1342715840824755935/shadcn-ui-components-updated-july-24

#️⃣ #figma #uiux #shadcn

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣