Kaiju Hub AI

Δημιουργία Πλαισίων Τεχνητής Νοημοσύνης

Wireframe project card showing desktop badge, No Preview status, and AI icon in bottom right

Άνοιγμα του Δημιουργού Πλαισίων

Όταν δημιουργείται ένα πλαίσιο, η ετικέτα κατάστασης της οθόνης στην αριστερή πλαϊνή γραμμή αλλάζει σε «δημιουργία...» και μια ένδειξη προόδου εμφανίζεται στην κάτω δεξιά πλευρά (π.χ., «Δημιουργία Πλαισίου... (10%)»). Το κουμπί «Δημιουργία Πλαισίου» αντικαθίσταται από ένα κουμπί «Διακοπή Δημιουργίας», που σας επιτρέπει να το ακυρώσετε, εάν χρειαστεί.

Δημιουργός Πλαισίων

Frame creator showing screen list, AI provider selector, screen purpose and key features, and Generate Frame button

Ο δημιουργός πλαισίων είναι όπου δημιουργείτε και διαχειρίζεστε μεμονωμένα wireframe πλαίσια για κάθε οθόνη. Η αριστερή πλαϊνή γραμμή εμφανίζει όλες τις οθόνες στο έργο σας (π.χ., Πίνακας Ελέγχου, Λίστα Εργασιών, Λεπτομέρειες Εργασίας) με ετικέτες κατάστασης που δείχνουν εάν κάθε μία είναι σε εκκρεμότητα, σε δημιουργία ή ολοκληρωμένη.

Διάταξη

Πάροχος Τεχνητής Νοημοσύνης

Επιλέξτε το μοντέλο τεχνητής νοημοσύνης που θα χρησιμοποιηθεί για τη δημιουργία πλαισίων από το αναπτυσσόμενο μενού στην επάνω αριστερή γωνία (π.χ., Claude Code, Opus 4.6).

Λίστα Οθονών

Η αριστερή πλαϊνή γραμμή εμφανίζει όλες τις οθόνες στο έργο. Κάντε κλικ σε μια οθόνη για να δείτε τις λεπτομέρειές της και να δημιουργήσετε το πλαίσιό της.

Σκοπός Οθόνης & Οδηγίες

Το κεντρικό τμήμα εμφανίζει τον σκοπό και τα βασικά χαρακτηριστικά της επιλεγμένης οθόνης. Κάντε κλικ στο Επεξεργασία για να τα τροποποιήσετε πριν από τη δημιουργία.

Προεπισκόπηση Πλαισίου

Η δεξιά πλευρά εμφανίζει μια προεπισκόπηση του δημιουργημένου πλαισίου ή ένα κενό πλαίσιο κράτησης εάν το πλαίσιο δεν έχει δημιουργηθεί ακόμη.

Δημιουργία Πλαισίου

Κάντε κλικ για να δημιουργήσετε το πλαίσιο για την επιλεγμένη οθόνη. Χρησιμοποιήστε την επιλογή Έναρξη Όλων για να δημιουργήσετε όλα τα πλαίσια που εκκρεμούν ταυτόχρονα.

Επεξεργασία Πριν από τη Δημιουργία

Μόλις ολοκληρωθεί η δημιουργία, θα δείτε ένα μήνυμα «Δημιουργία Πλαισίου με Επιτυχία». Η ετικέτα κατάστασης της οθόνης αλλάζει σε «ολοκληρωμένο» (πράσινο) μαζί με έναν αριθμό στοιχείων (π.χ., «41 στοιχεία»). Η δημιουργημένη προεπισκόπηση πλαισίου εμφανίζεται στη δεξιά πλευρά του επεξεργαστή.

Δημιουργία Πλαισίων

Frame generation in progress showing generating status, Stop Generation button, and progress indicator at 10%

Οι Συνδέσεις Πλαισίων σάς επιτρέπουν να συνδέσετε μπλοκ από τη Βιβλιοθήκη Μπλοκ απευθείας στα στοιχεία wireframe. Όταν κάνετε διπλό κλικ σε ένα στοιχείο και κάνετε κύλιση προς τα κάτω στην ενότητα ιδιοτήτων, θα βρείτε την ενότητα Συνδέσεις Πλαισίων. Κάντε κλικ στο «+ Προσθήκη Πλαισίου» για να συνδέσετε ένα μπλοκ (HTML, στοιχείο, ή πρότυπο) στο στοιχείο. Τα συνδεδεμένα μπλοκ αναφέρονται κατά τη δημιουργία κώδικα με τεχνητή νοημοσύνη, καθιστώντας εύκολη την επισύναψη συγκεκριμένου HTML ή κώδικα στοιχείου στα στοιχεία wireframe.

Κατά τη Δημιουργία

Ετικέτες Κατάστασης

Κάθε οθόνη εμφανίζει την τρέχουσα κατάστασή της — σε εκκρεμότητα (δεν έχει ξεκινήσει), σε δημιουργία (σε εξέλιξη) ή ολοκληρωμένη (έχει ολοκληρωθεί).

Δείκτης Προόδου

Μια γραμμή προόδου με βάση το ποσοστό στο κάτω δεξί μέρος δείχνει πόσο έχει προχωρήσει η τρέχουσα δημιουργία πλαισίου.

Διακοπή Δημιουργίας

Ακυρώστε τη τρέχουσα δημιουργία πλαισίου ανά πάσα στιγμή κάνοντας κλικ στο κουμπί Διακοπή Δημιουργίας.

Αυτόματη Σύνδεση

Τα πλαίσια συνδέονται αυτόματα μεταξύ τους — οι ροές πλοήγησης μεταξύ των οθονών συνδέονται κατά τη δημιουργία.

Ολοκληρωμένα Πλαίσια

Completed frame showing green completed badge, element count, frame preview, Restart Frame button, and Frame Generated Successfully message

Η γραμμή προτροπής τεχνητής νοημοσύνης στο κάτω μέρος του καμβά σάς επιτρέπει να χρησιμοποιήσετε την τεχνητή νοημοσύνη για να επεξεργαστείτε ή να δημιουργήσετε οθόνες. Επιλέξτε το μοντέλο τεχνητής νοημοσύνης από την αναπτυσσόμενη λίστα στα αριστερά, περιγράψτε τις αλλαγές που θέλετε και η τεχνητή νοημοσύνη θα τροποποιήσει το wireframe για εσάς. Μπορείτε επίσης να χρησιμοποιήσετε τη φωνητική είσοδο ή το κουμπί «Επεξεργασία CLI» για προηγμένη επεξεργασία.

Μετά την Ολοκλήρωση

Προεπισκόπηση Πλαισίου

Το δεξιό τμήμα εμφανίζει μια οπτική προεπισκόπηση του δημιουργημένου πλαισίου με όλα τα στοιχεία διατεταγμένα.

Μέτρηση Στοιχείων

Η ετικέτα ολοκλήρωσης εμφανίζει τον συνολικό αριθμό των στοιχείων που δημιουργήθηκαν για την οθόνη.

Επανεκκίνηση Πλαισίου

Εάν δεν είστε ικανοποιημένοι με το αποτέλεσμα, κάντε κλικ στην επιλογή Επανεκκίνηση Πλαισίου για να δημιουργήσετε ξανά από την αρχή.

Έναρξη Όλων

Συνεχίστε τη δημιουργία των υπόλοιπων πλαισίων που εκκρεμούν ή χρησιμοποιήστε αυτήν την επιλογή για να δημιουργήσετε όλες τις οθόνες ταυτόχρονα.

Όλα τα λογότυπα, εμπορικά σήματα και ονόματα τρίτων που εμφανίζονται στο Kaiju Hub AI ανήκουν στους αντίστοιχους ιδιοκτήτες τους. Η χρήση τους είναι αποκλειστικά για σκοπούς αναγνώρισης και δεν υποδηλώνει υποστήριξη, χορηγία ή σύνδεση.