This media is not supported in your browser
VIEW IN TELEGRAM
Don't use AI to design landing pages until you've read this:
If you want to build a premium landing page using AI (Gemini or Claude), follow these steps:
1. Generate a structured JSON prompt in Claude or Gemini. Include all design details: colors (define all in global.css using shadcn style), themes, goal, inspiration, and design type. This creates a solid structure with colors as variables.
2. Refine the generated structure prompt, add extra context, and feed it to your IDE's AI agent.
3. (Optional) Include library details to improve the result e.g., Lucide icons, Framer Motion, or any other libraries you want to use.
If you want to build a premium landing page using AI (Gemini or Claude), follow these steps:
1. Generate a structured JSON prompt in Claude or Gemini. Include all design details: colors (define all in global.css using shadcn style), themes, goal, inspiration, and design type. This creates a solid structure with colors as variables.
2. Refine the generated structure prompt, add extra context, and feed it to your IDE's AI agent.
3. (Optional) Include library details to improve the result e.g., Lucide icons, Framer Motion, or any other libraries you want to use.
👍1
CTA dizayni uchun eng yaxshi inspirations source topdim 🫐
Har bir misol real saytdan olingan screenshot bilan. Webflow, ClickUp, Kinsta kabi brendlarning CTA'larini ko'rib, o'zingizning loyihangizga ilhom olishingiz mumkin.
https://www.cta.gallery/
Har bir misol real saytdan olingan screenshot bilan. Webflow, ClickUp, Kinsta kabi brendlarning CTA'larini ko'rib, o'zingizning loyihangizga ilhom olishingiz mumkin.
https://www.cta.gallery/
www.cta.gallery
CTA.gallery | The Best Call-to-Action Inspiration for Designers
Explore CTA.gallery for the web's best Call-to-Actions. Perfect for designers, UI/UX experts, and creatives looking for inspiration to craft CTAs that convert.
🔥2
Salom hammaga,
Product Dizayn boicha full-taym ish qarayapman. Takliflar bolsa kormoqchiman. Sababi haqida keyinroq alohida post qilib yozaman.
Iltimos, vakansiyalar bolsa ref qilsangizlar.
Product Dizayn boicha full-taym ish qarayapman. Takliflar bolsa kormoqchiman. Sababi haqida keyinroq alohida post qilib yozaman.
Iltimos, vakansiyalar bolsa ref qilsangizlar.
🔥3😱1
This media is not supported in your browser
VIEW IN TELEGRAM
🔥6
This media is not supported in your browser
VIEW IN TELEGRAM
🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
🔥6
This media is not supported in your browser
VIEW IN TELEGRAM
Figmadan biz kutgan zo'r yangilik - Slots 💥
Har doim komponent yaratilganda turli variatsalar qo'shishganda ham baribir ko'p keyslarda ularni detach qilishga to'g'ri kelardi.
Endi bunga hojat yo'q, slots bilan siz componentni detach qilmasdan uni ichiga kerakli boshqa elementlarni qo'shsa bo'ladi.
Dizayn kattalashayotgan paytda bu juda qo'l keladigan feature.
https://www.figma.com/blog/supercharge-your-design-system-with-slots/
Har doim komponent yaratilganda turli variatsalar qo'shishganda ham baribir ko'p keyslarda ularni detach qilishga to'g'ri kelardi.
Endi bunga hojat yo'q, slots bilan siz componentni detach qilmasdan uni ichiga kerakli boshqa elementlarni qo'shsa bo'ladi.
Dizayn kattalashayotgan paytda bu juda qo'l keladigan feature.
https://www.figma.com/blog/supercharge-your-design-system-with-slots/
👍1🔥1
TBC Bank ilova dizaynini yangiladi. Yangilanish birin-ketin hammaga borishini ayilgan.
Dizayn boshqacha vaybda, bunaqa estetika va yirik o'zgarish qilishganini hozirgacha boshqa banklarda ko'rmagandim.
Hamma narsa bitta ekranda, bir qarashda ko'rinadi.
Yana bir mani etiborimni tortgan narsa bu dizayner redizayn keysni o'z saytida qanday namoyish qilgani.
https://taradash.me/
Dizayn boshqacha vaybda, bunaqa estetika va yirik o'zgarish qilishganini hozirgacha boshqa banklarda ko'rmagandim.
Hamma narsa bitta ekranda, bir qarashda ko'rinadi.
Yana bir mani etiborimni tortgan narsa bu dizayner redizayn keysni o'z saytida qanday namoyish qilgani.
https://taradash.me/
🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
👍3
Framer MCP qanaqa ulash bo'yicha Hamza Ehsan zo'r tushuntirgan ekan 👇🏾
https://x.com/hxmzaehsan/status/2026973414179930458
https://x.com/hxmzaehsan/status/2026973414179930458
X (formerly Twitter)
Hamza Ehsan (@hxmzaehsan) on X
I've been messing with connecting Claude and @framer over the last week and yeah... this is absolutely crazy.
You can get Claude to optimise your site, create/edit styles, write content and a lot more.
Here's how you can set it up in literally 2 minutes:
You can get Claude to optimise your site, create/edit styles, write content and a lot more.
Here's how you can set it up in literally 2 minutes:
👍2
Hammaga salom,
Yangi hafta barakali bo'lsin hammaga. Bugun birinchi ish kunini boshladim Mutolada.
👊
Yangi hafta barakali bo'lsin hammaga. Bugun birinchi ish kunini boshladim Mutolada.
👊
🔥13⚡3👍3
This media is not supported in your browser
VIEW IN TELEGRAM
🔥5
Media is too big
VIEW IN TELEGRAM
Salom hammaga,
Mutolaa loyihasida nimalar qilayotganimdan ozroq ko'rsatmoqchiman.
Jamoa bilan tanishib olganimdan keyin loyiha haqida chuqurroq o'rganishga harakat qildim.
Keyin o'zim "Yaxshilash mumkin" deb bilgan joylarimdan ishlashni boshladim.
Misol sifatida Player uchun qilgan konseptsiyalarimdan ulashaman shuyerda
Mutolaa loyihasida nimalar qilayotganimdan ozroq ko'rsatmoqchiman.
Jamoa bilan tanishib olganimdan keyin loyiha haqida chuqurroq o'rganishga harakat qildim.
Keyin o'zim "Yaxshilash mumkin" deb bilgan joylarimdan ishlashni boshladim.
Misol sifatida Player uchun qilgan konseptsiyalarimdan ulashaman shuyerda
🔥7
SQB Bank tajribali UX/UI Dizayner qarayapti ekan.
Ofisda ishlaydigan, intizomli va yaxshi soft-skillarga ega bo'lganlarni.
Agar kimgadur qiziq bo'lsa pastdagi kontakt bilan bog'lansangiz bo'ladi.
📩 @iusmonov13
Ofisda ishlaydigan, intizomli va yaxshi soft-skillarga ega bo'lganlarni.
Agar kimgadur qiziq bo'lsa pastdagi kontakt bilan bog'lansangiz bo'ladi.
📩 @iusmonov13
🔥3
Mutolaa ilovasining audio player ekranida hozircha mana shu versiyada to'xtadim.
Sabablari:
• Agar animated mesh gradient bo'lsa active screen vaqtida render uchun GPU va batareya quvvatida ortiqcha ketadi;
• GPU kuchsizroq telefonlarda ilova qotishi mumkin;
• Bu turdagi ilovalar uchun munaqa shaders "ortiqcha".
Hozir siz ko'rib turgan dizaynda, fon gradient dynamic - muqova rasmi asosida render bo'ladi. Render bir mart bo'ladi, ya'ni siz player ochganingizda va bu GPU uchun hech qanday yuk bo'lmaydi.
Sizlarni fikringiz qanday?
Sabablari:
• Agar animated mesh gradient bo'lsa active screen vaqtida render uchun GPU va batareya quvvatida ortiqcha ketadi;
• GPU kuchsizroq telefonlarda ilova qotishi mumkin;
• Bu turdagi ilovalar uchun munaqa shaders "ortiqcha".
Hozir siz ko'rib turgan dizaynda, fon gradient dynamic - muqova rasmi asosida render bo'ladi. Render bir mart bo'ladi, ya'ni siz player ochganingizda va bu GPU uchun hech qanday yuk bo'lmaydi.
Sizlarni fikringiz qanday?
🔥2👍1