Nodizayn

AX — Agentic Experience’ning traditional dizayndan farqi
©
Greg Isenberg

Tez prototiplash uchun Lovable'dan
Figma Make
'ga o'tdim. Sababi, barcha dizaynlar Figma’da, Figma Make esa mavjud freymalarni ko‘chirib olib ishlatishga juda qulay.
Lekin haligacha prompt bilan dizayn qilish yoqmaydi. Har bir detalni matn orqali aniq tushuntirish kerak. Biror joyda xato bo‘lsa, uni tuzatish uchun qayta prompt yozishga to‘g‘ri keladi.
Figma Make ichida
Design Mode
bo‘lsa ish ancha osonlashardi. Kerakli paytda, prompt yozmasdan, dizaynni bevosita o‘zgartirish imkoniyati bo‘ladi.
Prompt orqali ishlash zo‘r, lekin ba’zida qo‘l bilan chizish tezroq va aniqroq bo‘ladi.
Figma Make qiziq bo'lsa, tez o'rganish uchun qisqa video dars:
🌐
Learn Figma Make in 6 Minutes (Beginner Tutorial)
@nodizayn

Korinzka ancha ishlarida AI ishlatar ekan.
Shanba kuni ’
Product Community
’ tashkil qilgan ’AI day’ tadbirida tinglovchi sifatida qatnashdim.
Menga qiziq bo‘lgan ma’lumotlar:
- KorzinkaGo ilovasida, mahsulotlarning fotosuratlari to‘g‘rilash, ularni yana ham jozibador qilish uchun AI instrumentlar ishlatishar ekan. 10000’dan ortiq mahsulot bor, fotostudiya ochib, ularni ideal suratga tushirish xarajat va vaqt, AI esa tez va arzon.
- Undan tashqari KorzinkaGo‘da reklamalar materiallar ham AI orqali yaratilar ekan.
- Uzum mahsulot menejeri AI orqali ‘voronka’ (funnel) tahlil qiluvchi veb ilova yaratgan. G‘oya juda yoqdi! Men ham Moneff’da shunaqa yaratib ko‘raman.
👀
Spikerlarning prezentatsiyalari
-------
@farkhod_com

AI agentlar uchun Mobbin kabi ilhom manbai mavjudmi?
Bilamiz,
mobbin.com
web va mobil ilovalar uchun yaxshi dizayn ilhom manbai. Lekin LLM asosidagi mahsulotlar uchun ham manbaalar bormi?
Masalan:
– AI yordamchilari (copilot) uchun interfeyslar
– Agentlarning vazifalarni boshqarish panellari
– Agent xotirasi yoki agent ishlatish interfeyslari
Shu kabi AI-agentlarga yo‘naltirilgan haqiqiy UI misollarini qayerdan topish mumkin?
Konsept emas, aynan ishlab chiqilgan, foydalanuvchiga yetkazilgan misollar haqida so‘rayapman.
Agar sizda shunday “AI agentlar uchun Mobbin”ga o‘xshagan sayt, skrinshot yoki link bo‘lsa, baham ko‘rsangiz xursand bo‘lardim.
Javoblarni izohlarda qoldirishingizni iltimos qilaman
🙌

Lovable, Bolt yoki shu kabi AI instrumentlarini ishlatishda ko‘pchilik kutgan natijani ololmaydi. Buning sababi, natijani qanday olishni aniq tushuntirmasdan, shunchaki prompt yozish bilan cheklanish bilan bog'liq.
ChatGPT orqali prompt yaratish foydali bo‘lishi mumkin, lekin agar unga kontekst, ya’ni nima, kim uchun va qanday maqsadda kerakligi aytilmasa, AI umumiy va sun’iy natijalar bilan cheklanadi.
Qancha batafsil ma’lumot berilsa, natija ham shuncha to‘g‘ri va foydali chiqadi. Quyida Lovable bilan ishlashda yordam beradigan asosiy maslahatlarni jamladim:
🎯
Maqsad aniqligidan boshlanadi
Har bir ishni boshlashdan oldin quyidagi savollarga javob topish muhim:
Nima qurilmoqda? Kim uchun? Foydalanuvchi bu yerda nima qiladi?
Prompt, bu buyruq emas, tushuntirish, u qanchalik aniq bo‘lsa, shuncha yaxshi ishlaydi.
🧱
Bo‘limma-bo‘lim yondashuv
(Build in blocks)
Lovable’da butun sahifani bir yo‘la so‘rash o‘rniga, har bir qismini alohida so‘ragan ma’qul. Masalan: “Build a landing page” o‘rniga, “Create a hero with a large headline, supporting text, and CTA”
Shundan keyin keyingi bo‘limga o‘tiladi. Bu modulli fikrlash orqali tezroq ishlash va nazoratni ushlab turish mumkin.
🧩
Komponentlarga asoslanib fikrlash
Yagona “user section” o‘rniga: “Add a card with an avatar, name, and follow button” kabi aniq komponentlar so‘raladi. Kartalar, tugmalar, modal oynalar, tooltiplar, har biri alohida tizimli qism sifatida yondashiladi.
🪄
Asosiy effekt beruvchi so‘zlardan foydalanish
(buzzwords)
Playful, premium, cinematic kabi so‘zlar nafaqat kayfiyatni belgilaydi, balki struktura, harakat va ranglarda chuqur ifoda beradi. Promptga ushbu so‘zlarni qo‘shish yaxshiroq natija beradi.
🔗
Vizual elementlar, animatsiyalardan foydalanish
Har xil effektlar va animatsiyalarni promptga URL orqali qo‘shish mumkin.
Qayerda chiqadi, nimani ko‘rsatadi, qanday media qo‘llab-quvvatlanadi, bularning barchasi aniq yozilishi kerak. Bundan tashqari boshqa saytlarning qaysidir qismlaridagi chiroyli effekt yoki animatsiyalarni ham prompt sifatida berish mumkin.
✏️
Lovable'da
Visual Edit Function'dan foydalanish
Lovable’dagi edit tugmasi orqali butun promptni qaytadan yozmasdan, kichik o‘zgarishlarni tez kiritish mumkin. Bu xuddi Chrome'dagi Inspect mode'ga o'xshaydi.
📚
Version history yordamida bosqichma-bosqich ishlash
Lovable autosave qiladi. Har bir o‘zgarish alohida saqlanadi.
Bir promptda barcha elementlarni, layout, matn, rangni bittada o‘zgartirish o‘rniga, kichik-kichik bosqichlarda ishlash imkoniyatini beradi.
@nodizayn

Anton & Irene
tomonidan tayyorlangan
Design Beyond Barriers
saytini ko‘rib qoldim.
Sayt mehr bilan ishlangan, noodatiy navigatsiyasi esa foydalanuvchi uchun juda qulay. Saytda dizaynerlar uchun “accessibility” bo‘yicha juda foydali va hayotiy yo‘riqnomalar bor.
Bugun Generative AI yordamida eskizlar va prototiplar bir necha soniyada tayyor bo‘layapti. Lekin hozirgi bosqichda shablonlashgan, bir-biriga o‘xshash ishlar ko‘payganini sezyapman.
Shunaqa paytda, haligacha mehr bilan ishlangani har bir detalda sezilib turadigan ishlar ajralib turadi.
@nodizayn

Sketch filterlar ro'yxatiga
Liquid Glass
effektini beradigan imkoniyatni chiqardi. Figmada ham tez kunda shu imkoniyat paydo bo'lishiga umid qilamiz :)

AI Dizayner deganda nima nazarda tutilmoqda?
Intercom’da ilgari ham “Content Designer” roli bo‘lgan. Oldingi dizayn menejeri Kostya Gorskiydan bu rol Product Designer’dan qanday farq qiladi, deb so‘raganimda, u shunday degan edi:
Content Designer, bu kontentga alohida e’tibor beradigan Product Designer.
Xuddi shunga o‘xshab, ba’zi kompaniyalarda “UX Designer” degan lavozim bo‘lsa-da, bu alohida “UX” va “UI” odamlar ishlaydi degani emas. Ular odatda UX Designer deb UI/UX dizaynerni nazarda tutishadi, faqat UX tomonida kuchliroq bo‘lganlarini.
Yangi paydo bo‘layotgan “AI Designer” roli ham o‘xshash prinsipga asoslangan, ya'ni bu alohida kasb emas, balki aniq kontekstdagi ixtisoslashuvga ega dizayner.
Intercom’dagi holatga ko‘ra, AI dizayner, bu oddiy interfeys emas, balki AI modelga asoslangan tajribalarni loyihalovchi dizayner.
U ML dasturchilar bilan bir jamoada ishlaydi. Prompt yozish, model chiqishini tahlil qilish, natijani yaxshilash uchun iteratsiya qilish kabi ishlarni qiladi.
Eng asosiy vazifalaridan biri, foydalanuvchi va AI agent o‘rtasidagi muloqotni intuitiv, samarali va ishonchli bo’lishini ta’minlaydi.
@nodizayn

Intercom Product Design VP’si, Emmet Connolly, Dive Club'ning navbatdagi epizodi mehmoni bo'ldi. Asosiy mavzular, Intercom dizayn jarayonidagi o'zgarishlar, AI ning roli va AI davridagi dizayn haqida.
Quyida ba'zi muhim fikrlarni keltirib o'taman:
- AI dizaynerlarga kengroq imkoniyatlar bermoqda. Intercom’da har bir dizayner bu chorakda hech bo‘lmaganda bitta o‘zgarishni prodga chiqarish maqsadini qo‘ygan. Ular maxsus ichki workshoplarda lokal dev muhitini sozlab olishadi va matn o‘zgarishi, padding tuzatish yoki to‘liq frontend funksiyani chiqarishadi.
- Intercom’da “AI dizayner” degan yangi maxsus rol bor. Hozirda u yerda atigi 3 ta AI dizayner bor. Ular ML dastirchi bilan birga prompt yozadi, natijalarni tahlil qiladi, model xatti-harakatini tushunadi va interfeys ustida ishlaydi.
- AI rivojlanishining yangi “S-curve” bosqichining boshida turibmiz, xuddi internetning ilk davrlari kabi. Hozir dizayner bo‘lish uchun eng yaxshi vaqt. Hamma narsa hali ochiq, noma’lum va imkoniyatlarga boy.
Yana Emmet dizaynerlarni ishga olishda quyidagi xususiyatlariga alohida e'tibor berishini aytib o'tadi:
- AI va turli xil texnologiyalarga qiziqish
- Xatolardan qo‘rqmaslik
- Eksperimentlar qilishga tayyor turish
- Noaniqlikka bardoshlilik va AI-first dunyoqarash.
Yanada ko’proq “insight” olish uchun, epizodni eshitishni tavsiya qilaman:
👉
Emmet Connolly - Transitioning into the next era of design
@nodizayn

Bolt World’s Largest Hackathonni e’lon qildi. Hozirda 100 mingdan ortiq ishtirokchi ro‘yxatdan o‘tgan, byudjet esa $1 million.
Dastur yakuniga 2 haftadan kam vaqt qoldi, ammo bu vaqt ichida ham AI yordamida tayyor MVP qurib topshirsa bo‘ladi.
Hakamlar orasida quyidagi mashhur mutaxassislar ham bor:
-
Jason Calacanis
(Uber va Robinhood investori)
-
Sarah Guo
(AI investor, Conviction VC asoschisi)
-
Evan You
(Vue.js asoschisi)
💡
G‘oya bo'lmasa, Bolt CEO’si bilan
video muloqot
orqali mos g‘oya topish mumkin.
👉
Tafsilotlar va ro‘yxatdan o‘tish:
https://hackathon.dev
@nodizayn