Kaiju Hub AI

وایر فریم‌ها

Wireframes welcome screen with Create Wireframe button

خوش آمدید

روی هر عنصری در بوم کلیک کنید تا آن را انتخاب کنید و زبانه‌ی ویژگی‌ها را در نوار کناری سمت راست باز کنید. این زبانه‌ی دارای سه زبانه‌ی Properties، Flow و Colors است. از اینجا می‌توانید موقعیت، اندازه، سبک و رفتار هر عنصر را ویرایش کنید.

ویژگی‌های کلیدی

طراحی دستی

با استفاده از ویرایشگر بوم بصری، وایرفریم‌ها را به صورت دستی بسازید - برای طراحی صفحات خود، اجزا را بکشید و رها کنید.

تولید مبتنی بر هوش مصنوعی

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

ورودی صوتی

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

وایر فریم به کد

هنگامی که وایرفریم شما آماده شد، آن را مستقیماً به تولید کد ارسال کنید - و به یک گردش کار یکپارچه تبدیل شوید و از طراحی به کد عملی برسید.

ایجاد یک وایرفریم

Create New Wireframe Project dialog showing title, platform selection, and Manual/AI-Powered tabs

انتخاب کنید

فیلدهای تنظیم پروژه

عنوان

به پروژه وایرفریم خود نامی بدهید تا بعداً بتوانید آن را در لیست وایرفریم شناسایی کنید.

پلتفرم

پلتفرم هدف را انتخاب کنید - موبایل، دسکتاپ یا وب - تا طرح‌بندی و محدودیت‌های وایرفریم را تنظیم کنید.

توضیحات

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

حالت

حالت دستی را انتخاب کنید تا مستقیماً به ویرایشگر بوم بروید، یا حالت مبتنی بر هوش مصنوعی را انتخاب کنید تا هوش مصنوعی مستندات و فریم‌ها را برای شما تولید کند.

حالت دستی

برای انتخاب و جابجایی عناصر در بوم، کلیک کنید. عناصر انتخاب شده، ویژگی‌های خود را در نوار کناری سمت راست نشان می‌دهند.

چه زمانی از حالت دستی استفاده کنیم

•

مربع

•

عناصر مستطیلی را در بوم بکشید.

•

دایره

حالت مبتنی بر هوش مصنوعی

AI-Powered wireframe creation with title, platform, description, Define Frames tab, model selector, and Generate button

عناصر دایره‌ای را در بوم بکشید.

سیستم زمینه Kaiju Hub AI

1

تولید فریم

پس از تکمیل مستندات، می‌توانید Creator Frame را باز کنید و شروع به تولید هر فریم جداگانه از ویرایشگر کنید.

2

اصلاح

می‌توانید جنبه‌های مختلف یک فریم را قبل از تولید آن ویرایش کنید. برای اصلاح توضیحات، ویژگی‌ها و دستورالعمل‌های صفحه، روی دکمه Edit در کنار بخش‌های Purpose یا Key Features کلیک کنید. پس از اینکه از جزئیات راضی شدید، روی Generate Frame کلیک کنید تا فریم ایجاد شود، یا در صورت نیاز، تنظیمات را تغییر دهید و دوباره تولید کنید.

3

انتخاب مدل هوش مصنوعی

پس از تکمیل، پیام "فریم با موفقیت تولید شد" را مشاهده خواهید کرد. وضعیت فریم به "تکمیل شده" (سبز) تغییر می‌کند و یک شمارنده عنصر (به عنوان مثال، "41 عنصر") نیز نمایش داده می‌شود. پیش‌نمایش فریم تولید شده در سمت راست ویرایشگر ظاهر می‌شود.

4

تولید

اتصالات بلوک به شما امکان می‌دهند بلوک‌ها را از کتابخانه بلوک مستقیماً به عناصر وایرفریم متصل کنید. هنگامی که روی یک عنصر دوبار کلیک می‌کنید و در زبانه‌ی ویژگی‌ها به پایین اسکرول می‌کنید، بخش اتصالات بلوک را خواهید یافت. برای پیوند دادن یک بلوک (HTML، مؤلفه یا الگو) به عنصر، روی + Add Block کلیک کنید. بلوک‌های متصل، هنگام تولید کد با هوش مصنوعی، به عنوان مرجع استفاده می‌شوند و اتصال کد HTML یا مؤلفه خاص به عناصر وایرفریم را آسان می‌کنند.

5

ساخت فریم‌ها

وایرفریم‌ها را می‌توان صادر، وارد یا مستقیماً در هنگام ایجاد پروژه‌ها یا در خود هاب پروژه استفاده کرد. این کار، انتقال از طراحی وایرفریم به یک پروژه در حال کار را بدون نیاز به بازسازی دستی طرح‌بندی‌ها، آسان می‌کند.

افزایش با هوش مصنوعی

Enhance with AI dialog showing AI Model selection, Enhancement Instructions field, and Enhance Description button

متن

گزینه‌های بهبود

مدل هوش مصنوعی

مدل هوش مصنوعی را برای بهبود توضیحات خود انتخاب کنید (به عنوان مثال، Claude Code، Opus 4.6).

دستورالعمل‌های بهبود

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

توضیحات را بهبود ببخشید

برای اجرای بهبود، کلیک کنید. هوش مصنوعی توضیحات شما را بر اساس ورودی و دستورالعمل‌های شما بازنویسی و بهبود می‌دهد.

تولید مستندات

Wireframes list showing a project card with Generating Documentation status

برچسب‌های متنی و بلوک‌های محتوا را اضافه کنید.

بعد چه اتفاقی می‌افتد

1

تولید مستندات

روی دکمه + در بالای نوار کناری کلیک کنید تا پنجره Create New Block Group باز شود. به گروه خود نامی بدهید و یک نوع دارایی را انتخاب کنید تا نوع محتوایی که در آن قرار دارد، دسته‌بندی شود.

2

تولید فریم

با دوبار کلیک بر روی هر گروه در نوار کناری، نمای Creator را باز کنید، یک محیط ویرایش کامل که در آن می‌توانید بلوک‌ها را با کمک هوش مصنوعی بسازید و ویرایش کنید. برای جزئیات بیشتر، به بخش نمای Creator مراجعه کنید.

3

اصلاح

فریم‌های تولید شده به طور پیش‌فرض قفل هستند - عناصر تا زمانی که قفل نشوند، قابل جابجایی یا تغییر اندازه نیستند. برای کنترل کامل در ویرایش و مرتب‌سازی، همه عناصر را در صفحه فعلی با فشار دادن Ctrl + D، باز کنید.

تمام لوگوها، علائم تجاری و نام‌های برند شخص ثالث نمایش داده شده در Kaiju Hub AI متعلق به صاحبان مربوطه هستند. استفاده از آن‌ها صرفاً برای اهداف شناسایی است و حمایت، حمایت مالی یا وابستگی را نشان نمی‌دهد.