Kurkite produktą, ne paveikslėlį

Pridėkite ekrano kopiją arba aprašykite ekraną. Mythex sukurs veikiančią programą su tikrais duomenimis, tikromis būsenomis ir tiesiogine nuoroda bendrinti.

Pradėkite nuo idėjos

Įvedimo procesas

Sukurk keturių žingsnių įvedimo procesą su pažangos juosta, profilio forma, kuri tikrina duomenis rašant, praleidimo galimybe ir baigiamuoju ekranu.

Dizaino sistemos puslapis

Sukurk gyvą stiliaus gidą, kuriame rodomos mūsų spalvos, šriftų skalė, mygtukai, įvesties laukai, kortelės ir įspėjimai – kiekvienas numatytoje, užvedimo, išjungtoje ir klaidos būsenoje.

Portfelio svetainė

Sukurk portfelio svetainę su atvejų tyrimų tinkleliu, kiekvieno puslapiu su dideliais vaizdais ir trumpu aprašymu bei kontaktų forma.

Suvestinės koncepcija

Sukurk spustelėjamą analitikos suvestinę su šonine juosta, laikotarpio parinkikliu, keturiomis statistikos kortelėmis ir grafiku, užpildytą realistiškais pavyzdiniais duomenimis.

Ekranai pasako tik pusę istorijos

Veikiantis produktas parodo tai, ko negali statiniai kadrai. Sukurkite, spustelėkite ir bendrinkite tikrą dalyką.

Rodykite elgseną, ne tik išdėstymą

Formos, tikrinančios duomenis rašant, sąrašai, užpildomi iš tikros duomenų bazės, ir mygtukai, kurie iš tikrųjų ką nors daro.

Kurkite nesėkmingus scenarijus

Tuščios būsenos, įkėlimas, klaidos ir pakartotiniai bandymai – čia produktai ir lūžta. Paprašykite kiekvieno ir pamatykite jį veikiantį.

Vienas produktas, skirtingi žmonės

Parodykite, ką mato administratorius, šalia to, ką mato narys, su tikru prisijungimu ir vaidmenimis.

Pirmasis paleidimas – be klaidų

Žingsnių tvarka, numatytosios reikšmės ir kas neprivaloma lemia, ar žmonės baigs įvedimą. Išbandykite tikrą procesą, o ne jo paveikslėlį.

Nuoroda vietoje perdavimo

Bendrinkite peržiūros nuorodą arba paskelbkite. Inžinieriai gauna veikiantį pavyzdį, o su Pro – ir kodą.

Kodėl dizaineriai kuria su Mythex

Elgsena, ne tik išdėstymas

Išbandykite tuščią, įkėlimo ir klaidos būsenas, tikrinančias formas ir sąrašus, užpildomus iš tikros duomenų bazės. Viską, ko statinis kadras parodyti negali.

Pradėkite nuo to, ką turite

Pridėkite ekrano kopijų ar maketų kaip vaizdus ir paprašykite atkartoti. Kai reikia, pokalbyje sugeneruokite pagrindinius vaizdus ir iliustracijas.

Nuoroda vietoje perdavimo

Bendrinkite peržiūros nuorodą arba paskelbkite programą. Patikrinkite kiekvieną ekraną telefono dydžio peržiūroje, o su Pro patys koreguokite CSS ir komponentus.

Kaip tai veikia

Aprašykite

Paprastais žodžiais pasakykite, ko reikia, arba pradėkite nuo šablono.

Stebėkite, kaip kuriama

Mythex parašo kodą, paruošia duomenų bazę ir rodo tiesioginę peržiūrą.

Paskelbkite

Vienu spustelėjimu paskelbkite viešu adresu arba palikite tik savo komandai.

Prijunkite įrankius, kuriuos jau naudojate

Vieną kartą prijunkite Google Sheets, Gmail, Slack, Notion, HubSpot ir šimtus kitų, tada pokalbyje paprašykite to, ko reikia. Jūsų programos juose skaito ir rašo, o joks raktas niekada nepatenka į jūsų kodą.

Dažniausiai užduodami klausimai

Ar galiu importuoti iš Figma?

Ne tiesiogiai. Eksportuokite kadrą kaip vaizdą ir pridėkite jį prie pokalbio, ir Mythex pagal jį sukurs ekraną. Aprašykite tai, ko vaizdas nerodo.

Kiek tiksliai tai atitiks mano dizainą?

Artimai, o kalbėdamiesi priartėsite dar labiau: nurodykite netinkamus tarpus, spalvas ar šriftus. Su Pro galite ir patys redaguoti kodą.

Ar tai veikia telefonuose?

Mythex kuria žiniatinklio programas, veikiančias telefono naršyklėse. Peržiūroje yra telefono dydžio rėmelis, kad galėtumėte patikrinti kiekvieną ekraną tokiu pločiu.

Kitą dizainą paverskite tuo, ką žmonės gali naudoti

Pradėkite nemokamai, pridėkite ekrano kopiją ir per kelias minutes pamatykite savo dizainą veikiantį.