Mazmuni
Dizayn qayta yaratuvchi — ishlab chiqilmoqdaQayta yaratilgan dizayndan nima chiqadiUni qanday ishlatasizIlhom, nusxa emasNega Rekreate buni yaratmoqdaTez-tez so'raladigan savollarDizaynerlar va front-end dasturchilar har kuni interfeyslarni tahlil qilishadi: skrinshotdan masofalarni o'lchash, shrift o'lchamini taxmin qilish, komponentni qayta yaratib uning qanday ishlashini ko'rish. Dizaynni qayta yaratish buni bir bosqichga aylantiradi — skrinshot yoki URL tashlang va dizayn tokenlari, komponentlar tahlili va ishlaydigan oldingi kodni oling.
Ushbu vosita Rekreate'da ishlab chiqilmoqda. Quyida u nima ishlab chiqarishi va hozirda mavjud vositalar sizga nimalarni taklif qilishi ko'rsatilgan.
- Kirish: skrinshot, Figma ramkasi yoki URL. Chiqish: tokenlar, komponentlar, kod.
- Rang palitrasi, shrift o'lchami, masofa ritmi, radiuslar va soyalar o'zgaruvchilar sifatida chiqariladi.
- Komponent darajasidagi chiqish — karta, navigatsiya, narxlar jadvali — bir tekis markup emas.
- Ishlab chiqilmoqda.
/makebo'limidagi tasvir vositalari hozirda faol.
Dizayn qayta yaratuvchi — ishlab chiqilmoqda
Interfeysni kiriting va tizimni qaytarib oling: nomlangan tokenlar bilan rang palitrasi, shrift o'lchami, masofa ritmi, burchak radiuslari va balandlik, so'ngra har bir komponent HTML va CSS'da qayta qurilgan oqilona sinf nomlari va moslashuvchan xatti-harakatlar bilan.
Maqsad kimningdir mahsulotini klonlash emas. Bu har bir dizayner skrinshotga beradigan savolga javob berishdir — bu aslida qanday qurilgan? — bir necha soniyada, bir necha soat emas.
Ushbu vosita hali jonli emas. Bepul hisob yarating va ochilganda ilovada sizga xabar beramiz.
Bugun qilishingiz mumkin bo'lgan narsalar
Rekreate'da hozirda ishlaydigan narsalar:
- Fotosuratni qayta yaratish — vizual, maket yoki illyustratsiyani o'zingizning uslubingizda qayta yarating.
- Logotipni qayta yaratish — shaffof fon bilan toza brend aktivlari.
- Ideogramma — matni o'qilishi kerak bo'lgan interfeys uslubidagi grafikalar.
Bugun kod uchun maxsus skrinshotdan kodga vositadan foydalaning; qayta yaratuvchi ochilganda bu yerga qayting.
Qayta yaratilgan dizayndan nima chiqadi
| Qatlam | Rejalashtirilgan chiqish |
|---|---|
| Rang | CSS o'zgaruvchilar sifatida rollar bilan palitra — sirt, siyoh, so'ndirilgan, aksent, semantik — yorug' va qorong'i rejimda |
| Shrift | Shrift oilalari, ishlatilayotgan o'lcham, og'irliklar, chiziq balandliklari va harf oralig'i |
| Masofa | Asosiy ritm (4/8pt yoki boshqacha) pluss konteyner kengliklari va oraliqlar |
| Komponentlar | Tugmalar, kartalar, navigatsiya, shakllar, jadvallar — har biri alohida HTML va CSS sifatida |
| Holatlar | Hover, fokus, o'chirilgan va xato holatlari, agar ular taxmin qilinishi mumkin bo'lsa |
| Kirish imkoniyati eslatmalari | Kontrast ogohlantirishlari va yo'qolgan fokus holatlari belgilangan, sukut bo'yicha nusxalanmagan |
Uni qanday ishlatasiz
Manbani tashlang
Sizga yoqadigan mahsulotdan skrinshot, Figma ramkasi yoki jonli URL.
Ko'lamni tanlang
Butun ekran yoki siz tushunishingiz kerak bo'lgan bir komponent — narx kartasi, yon panel, bo'sh holat.
Tizimni ko'rib chiqing
Avval tokenlar: palitra to'g'rimi, shrift o'lchami mos keladimi, masofa gridda joylashganmi? Model noto'g'ri taxmin qilgan narsalarni tuzating.
Kodini oling
Komponentlarni loyihangizga nusxalang yoki jamoangiz haqiqiy narsani qurayotganda ularni ma'lumot sifatida saqlang.
Ilhom, nusxa emas
Interfeys naqshlari umumiy hunar hisoblanadi. Hech kim sarlavha, matn va tugma bilan kartani egalik qilmaydi; sanoat ushbu naqshlarga moslashdi, chunki ular ishlaydi.
Egalik qilinadigan narsa: mahsulotning vizual identifikatsiyasi — uning logotipi, illyustratsiya uslubi, maxsus shriftlar, tasvirlar va matn — shuningdek, har qanday maxsus kod. Qayta yaratilgan dizayn sizga mexanikani o'rgatishi kerak va keyin o'z brendingizga moslashtirilishi kerak.
Agar ekranningiz raqobatchining ekrani kabi ko'rinsa, faqat boshqa logotip bilan, siz ularning identifikatsiyasini nusxalagan bo'lasiz, ularning tuzilmasidan o'rganmagan bo'lasiz. Tokenlarni boshlang'ich nuqta sifatida ishlating va ularni o'z tizimingizga moslashtiring.
Nega Rekreate buni yaratmoqda
Bizning butun mahsulotimiz bitta g'oya: allaqachon ishlaydigan narsadan boshlang, so'ng uni o'zingizga moslashtiring. Bu virusli videolar bilan boshlandi, reklamalarga, fotosuratlarga va ovozlarga o'tdi, va dizayn interfeyslarga qo'llanilgan o'sha harakatdir.
Bu, shuningdek, jamoalar uchun /make oilasini to'ldiradi: reklamani qayta yarating, landingi sahifasini qayta yarating, uning dizayn tizimini qayta yarating — barchasi bir joyda, siz ishlaydigan tilda.
Qo'shni vositalarni xohlasangiz, veb-sayt qayta yaratuvchi va ilova qayta yaratuvchi ni kuzatib boring.
Tez-tez so'raladigan savollar
AI skrinshotdan UI dizaynini qayta yaratishi mumkinmi?
Ha — ko'rish modellari tasvirdan palitra, shrift o'lchami va tartibni chiqarib, komponentlarni kodda qayta qurishi mumkin. Rekreate'da dizayn qayta yaratuvchi ishlab chiqilmoqda; hozirda bizning faol vositalarimiz tasvirlar, logotiplar va videolarni qamrab oladi.
Bu menga Figma fayllarini beradi?
Rejalashtirilgan chiqish dizayn tokenlari va oldingi koddir. Tokenlar ko'p dizayn vositalariga toza import qilinadi, lekin vosita ishlaydigan kodga yetib borishga mo'ljallangan.
Kimningdir UI'sini qayta yaratish qonuniymi?
Tartib va interaktiv naqshlar brend aktivlari kabi himoyalanmagan. Ularning logotipi, illyustratsiyalari, maxsus shriftlari, matni yoki maxsus kodini qayta ishlatmang — tuzilmani oling, o'z identifikatsiyangizni qo'shing.
Bu qorong'i rejimni qo'llab-quvvatlaydimi?
Ha, bu rejalashtirilgan: tokenlar har bir mavzu bo'yicha chiqariladi, shunda qayta yaratilgan komponentlar bir rejimga qattiq kodlangan emas, balki ikkala rejimda ham ishlaydi.
Qachon ishga tushadi?
Hali ommaviy sana yo'q. Bepul hisob yarating va yangi /make vositalari ochilganda ilovada paydo bo'ladi.
Hozircha nimadan foydalanishim kerak?
Rekreate'dagi tasvir qayta yaratuvchi vizuallar uchun va logotip qayta yaratuvchi brend aktivlari uchun, shuningdek, markup uchun maxsus skrinshotdan kodga vosita.
Rekreate bilan keyingi viral videongizni yarating
Tasdiqlangan qisqa videoni toping, uni o'z skriptingiz, avatar va ovozingiz bilan qayta yarating va Seedance, Kling va Veo yordamida sahnalarni bir ish maydonida yarating.
Bepul sinovni boshlang →