احمد
احمد
خواندن ۲ دقیقه·۵ سال پیش

چطور UI خودمونو به کد تبدیل کنیم؟

تبدبل UI به کد
تبدبل UI به کد

دوستان عزیز سلام، امروز میخوام یکی دیگه از ابزار های کاربردی که برای طراحان UI و همچنین توسعه دهنده ها Front-end خیلی کاربردی هست رو معرفی کنم. خیلی وقت ها پیش میاد که طراح، با طراحیاش همه رو شگفت زده میکنه اما توسعه دهنده سمت کاربر با پیاده سازی اون جزئیات دقیقا مشابه طراحی مشکل داره، البته این مشکل از زمانی که نرم افزار های طراحی رابط کاربری عرضه شدند تا حدودی حل شد و کافی بود تا با انتخاب یک المان به سایز، زنگ، حاشیه، سایه و سایر اطلاعاتی که نیاز داشتیم دست پیدا کنیم و با در اختیار گذاشتن فایل اصلی برای تیم توسعه خیلی از مشکلات اونا رو کم کنیم و طراحی بهتری رو داشته باشیم اما این موضوع نتونست تمام مشکلات رو حل کنه. با توسعه نرم افزار های طراحی رابط کاربری، شرکت های توسعه دهنده امکانات زیادی رو به این نرم افزار ها اضافه کردند که یکی از مهمترین اونها نصب پلاگین های مختلف بود به این شکل تیم های دومی میتونستند ابزار های دیگه ای رو توسعه بدن و پروسه طراحی رو برای کاربراشون به میزان قابل توجهی راحت ‌تر کنند.

یکی از پلاگین های کاربردی Avocode هست، این پلاگین طراح ها رو قادر میسازه تا با Import کردن فایل پروژه به کد های مختلفی از جمله، CSS، React Native، Android، Swift و... دسترسی پیدا کنه. در حال حاضر Avocode از نرم افزار هایی همچون Sketch، Figma، XD، Illustrator و Photoshop پشتیبانی میکنه و میتونه فایل های این نرم افزار ها رو اجرا کنه، البته این نکته رو بگم تنها .Psd در فتوشاپ و .Ai در ایلاستریتور قابل پشتیبانی هست. این ابزار به صورت 14 روز رایگان برای ویندوز و مک قابل استفاده بوده و درصورت کاربردی بودن میتونید اونو تهیه کنید.

امیدوارم این مطب هم برای شما کاربردی باشه و بتونید ازش استفاده کنید. میتونید منو در شبکه های اجتماعی دنبال کنید:

instagram

linkedin

website

طراحی uiطراحی uxطراحی رابط کاربریآموزش طراحی رابط کاربریطراحی تجربه کاربری
همه چی
شاید از این پست‌ها خوشتان بیاید