Google Stitch برای بررسی هوش مصنوعی خود و نحوه کار

Google در کنفرانس جدید ابزار هوش مصنوعی در کنفرانس توسعه دهندگان در 5 و 9 مه و 5 مه و 5 مه طراحی شده است. تحت آزمایشگاه های Google ، طراحی شده برای ساده سازی طراحی UI (UI) و تولید کد Frante برای برنامه های وب و تلفن همراه. هوش مصنوعی برچسب به کاربران امکان می دهد رابط ها و کدهای کاربر با کیفیت بالا را با استفاده از فلش پیشرفته Jina 2.5 Pro و Google Flash 2.5 ایجاد کنند. برچسب Google در زیر نحوه کار با برنامه هوش مصنوعی و ویژگی های اساسی شرح داده شده است.

نحوه کار با Google Stich AI

این اولین آدرس خواهد بود stitch.withgoogle.com رفتن

مانند تصویر ، می توانید آنچه را که از ابتدای جعبه در ذهن دارید برای شروع فرآیند طراحی بنویسید ، یا اکنون می توانید از گزینه آزمایش وارد محیط طراحی شوید.

همچنین می توانید کاربر طراحی را برای صفحات وب یا موبایل از کادر موبایل/وب انتخاب کنید.

پس از فشار دادن دکمه طراحی ، وارد محیط کار خیاطی خواهید شد.

در نوار سمت چپ ، صفحه متن را که Google Statch برای طراحی شما آماده کرده است ، مشاهده خواهید کرد. در این متن ، او جزئیات طراحی را که باید تولید شود نوشت. به خاطر داشته باشید که می توانید در مورد هوش مصنوعی Farsi Stitch صحبت کنید ، اما این طرح در انگلستان خواهد بود.

در این مرحله ، می توانید متن زیر را اضافه کنید تا از او بخواهید تغییرات و تغییرات لازم را انجام دهد. پس از تغییر ، از شما سؤال می کنید که آیا طراحی طرح را می پذیرید و منتظر رابط کاربری خود خواهید بود.

در تصویر زیر می توانید رابط کاربری طراحی شده توسط AI برچسب Google را مشاهده کنید. آنچه تولید می شود خام است. زیرا در ابتدا یک خط واحد داده شد. هرچه توضیحی که می دهید دقیق تر و جامع تر باشد ، مراحل طراحی شما بهتر و آسان تر خواهد بود.

اما از ابتدا نیازی به طراحی نیست. از پایین صفحه می توانید به راحتی تغییرات زیر را تغییر دهید. همانطور که در تصویر بالا مشاهده می کنید ، از بخش مکالمه خواسته شده است که با سبز ادغام شود و از تصاویر بیشتری استفاده کند.

نتیجه را می توانید در تصویر زیر مشاهده کنید. Google Stitch به دلیل رنگ سبز و افزایش تصاویر تغییراتی ایجاد کرد.

در این مرحله ، شما همچنین می توانید تغییرات بیشتری را در جعبه چت جعبه ایجاد کنید ، و همچنین خودتان تنظیمات دستی را اعمال کنید. برای دیدن جزئیات بیشتر ، یک چوبی یا یکی از صفحات برای کلیک کافی است. در این بخش ، مانند تصویر زیر ، می توانید آن را در FIGMA کپی کنید.

می توانید کد را مطابق شکل زیر مشاهده کنید.

در این مرحله ، خیاطی معمولاً دکمه های کلیک شده را برای طراحی شما تعریف نمی کند. برای بررسی این موضوع ، می توانید کد را کپی کرده و به OneCompiler بروید.

در این سایت به بخش HTML بروید و کد کپی شده را بچسبانید. در اینجا می توانید کد را اعمال کرده و ویژگی ها را ببینید. همچنین می توانید کد را از پنجره سمت چپ ویرایش کنید.

اکنون ، برای اینکه تنظیمات کلی طراحی برای کلیه کارت ها یا صفحات اعمال شود ، موضوع ویرایش یا ویرایش را از سمت راست بالای صفحه انتخاب کنید.

در این بخش می توانید قلم و رنگ را تغییر داده یا حالت طراحی کلی بین حالت تاریک یا تاریک و حالت نور را تغییر دهید.

همانطور که در تصویر زیر مشاهده می کنید ، می توانید از قسمت مشخص شده بر روی FIGMA کلیک کرده و سپس FIGMA را بصورت آنلاین باز کرده و نسخه را در آنجا بچسبانید. برای مقابله با figma.com بروید و با حساب Google خود وارد شوید.

پس از فشار دادن کارت در شکل ، می توانید با کلیک بر روی هر بخش مطابق شکل زیر ، به راحتی آن را تغییر دهید. تغییراتی که می توانید در شکل ایجاد کنید بسیار دقیق تر از فولاد است.

همچنین می توانید صفحات طراحی را در شکل وصل کنید و به راحتی عملکرد طراحی UI را به پایان برسانید. برای انجام این کار ، نمونه اولیه مانند تصویر زیر را انتخاب کنید.

در اینجا می توانید با کلیک بر روی هر قسمت از حرکت یا عملی که انتظار دارید کلیک کنید. برای مثال ، روی قسمت مورد نظر کلیک کنید ، بر روی دکمه پروفایل کلیک کرده و به صفحه پروفایل متصل شوید.

با فشار دادن دکمه Play می توانید به راحتی تست کنید و می بینید که کلیک می کنید.

ویژگی های اساسی خیاطی هوش مصنوعی

Stich برای تسهیل فرایند طراحی برای برنامه های وب و صفحات طراحی شده است و از هوش مصنوعی برای تفسیر ورودی های کاربر و تولید برنامه ها و کدها استفاده می کند.

تولید رابط کاربری مبتنی بر متن و تصویر

کاربران می توانند متون را به زبان های طبیعی خود ، از جمله فارسی بنویسند ، یا تصاویر مانند طرح های اساسی ، کابل ها یا تصاویر را برای تولید رابط کاربری وارد کنند. Staches این ورودی ها را با استفاده از 2.5 Pro Jina یا 2.5 فلش برای تکرارهای سریعتر برای طرح های پیشرفته پردازش می کند.

تولید کد فرانکو با استیچ

برچسب کدهای HTML و CSS تمیز و کاربردی را مطابق با طرح های رابط تولید شده توسط هوش مصنوعی تولید می کند. این کدها آماده استفاده در محیط های توسعه هستند. با اتوماسیون تولید کد ، خیاطی نیاز به برنامه نویسی دستی عناصر فرانسی را از بین می برد و زمان توسعه را به میزان قابل توجهی کاهش می دهد. به عنوان مثال ، یک برنامه نویس می تواند کد را برای یک رابط جدول نشانگر بگیرد و با کد برنامه وب ادغام شود.

تولید چندین نسخه در خیاطی

بر اساس یک دستور واحد ، استاتیک استاتیک Google گزینه های مختلفی را برای کاربران ایجاد می کند تا طرح ها ، سبک ها و اجزای مختلفی را کشف کنند. این به کاربران امکان می دهد گزینه های مختلف را آزمایش کنند و قبل از شروع بهترین گزینه را انتخاب کنند.

با فیگما ترکیب کنید

طرح های ایجاد شده توسط خیاطی را می توان توسط کاربر کپی کرد و به طور مستقیم به FIGMA برای استفاده برای جایگزینی و همکاری با تیم های طراحی متصل شد. این ادغام یکپارچه تضمین می کند که درز در جریان های عملیاتی طراحی فعلی موجود است و به طراحان این امکان را می دهد تا اجزای تولید شده توسط هوش مصنوعی را در یک محیط آشنا ویرایش کنند.

تولید و تغییر از طریق خیاطی چت

کاربران می توانند بدون نیاز به ویرایش دستی و استفاده از فقط زبان طبیعی ، طرح های خود را از صفحه چت اصلاح کنند و مواردی مانند مضامین ، قلم ، رنگ یا ویرایش را تنظیم کنند. این ویژگی باعث می شود روند طراحی بصری باشد ، زیرا کاربران می توانند تغییرات را تعریف کنند. به عنوان مثال ، “دکمه ها را بزرگ کنید و از سایه تیره تر کیف آبی استفاده کنید”) بدون مهارت طراحی پیشرفته.

مدل سازی سبک طراحی

Google Stitch به کاربران پیشنهاد داد تا تصاویر را از یک رابط کاربری نصب کنند و هوش مصنوعی Stech را برای مدل سازی تغییرات ایجاد شده از عکس یا تصویر مربوطه و در نهایت تغییر طراحی.

قابلیت دسترسی و خصوصی سازی

Google Stitch مضامین ، قلم ها ، رنگ ها و چیدمان ها را برای سفارشی کردن طرح ها تنظیم می کند. همچنین به طور خودکار بهترین طراحی UX را برای ساخت طرح های دوستانه کاربر اعمال می کند.

جنبه های قوی هوش مصنوعی

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

دسترسی به تمام سطوح مهارتپاسخ: گزینه های ورود به سیستم و فیلم برای رابط کاربری می توانید برای مبتدیان دسترسی پیدا کنید ، در حالی که ابزاری قوی و سریع برای متخصصان فراهم می کند.

ادغام یکپارچه در گردش کار: این کد را تضمین می کند تا کدهای آماده شده را برای اعداد و سازگاری با خطوط تولید و توسعه موجود تولید کند.

مدل های هوش مصنوعی قدرتمند: استفاده از 2.5 Pro و 2.5 Jamina عملکرد قوی را برای کارهای پیچیده و سریع طراحی ارائه می دهد.

دسترسی رایگان (با محدودیت): نسخه عمومی بتا را می توان به صورت رایگان با یک سری سهمیه ماهانه استفاده کرد.

محدودیت های هوش مصنوعی Stitch

عدم تغییر برای سیستم عامل های طراحی کامل: این طراحی برای جایگزینی ابزارهای جامع مانند Stich ، Figma یا Adobe XD طراحی نشده است. این وسیله نقلیه بر تولید اولین طراحی و کد متمرکز است و نیاز به جایگزینی سایر ابزارها برای پروژه های پیشرفته دارد.

محدود به طراحی رابط کاربری: بر خلاف ابزارهای برنامه نویسی گسترده تر مانند Copy E -Codex یا Gate Hydroot Copyott ، Stech یک رابط کاربری ویژه است و فاقد ویژگی کامل یا کامل است.

سهمیه ماهانه برای استفاده: اگرچه استفاده از Google Statch رایگان است ، محدودیت های تولید ماهانه (اعتبار 2 نقطه برای حالت فلش و 2 اعتبار برای حالت آزمایش) می تواند کاربران را با نصب بالا محدود کند.

اعتیاد به مدل های Jena: کیفیت خروجی تا حد زیادی به عملکرد مدل های جینا گوگل بستگی دارد ، که ممکن است برابر با رقبا نباشد ، مانند مدل های OpenAI در برخی از سناریوها.

راه حل

Google Stitch ابزاری مبتنی بر هوش مصنوعی است که فرآیند طراحی رابط کاربری را با نمونه گیری سریع و ایجاد کد از ورودی های متن یا ویدیویی تعریف می کند. ادغام با مدل های Jina 2.5 ، به طور مستقیم (باند) با FIGMA و تمرکز خود را برای ساده سازی گردش کار طراحی ، آن را به یک منبع ارزشمند برای توسعه دهندگان ، طراحان و مبتدیان تبدیل کرد. اگرچه جایگزین سیستم عامل های جامع طراحی مانند FIGMA یا Adobe XD نمی شود ، اما سرعت بخشیدن به مراحل اول طراحی رابط منحصر به فرد است.

منبع: خیاطی