interfaces.prjctr

UX Research Воркшопи з досліджень від Nielsen Norman Group https://www.nngroup.com/articles/ux-research-workshops/ Що робить хорошого UX Research модератора https://measuringu.com/what-makes-a-good-ux-research-moderator/ AI-модеровані інтерв’ю https://medium.com/athenahealth-design/accelerating-insights-my-dive-into-ai-moderated-user-interviews-17ccc6fbc81b Qual vs Quant https://quantuxblog.com/qualitative-inquiry-can-make-quantitative-work-more-meaningful-but-which-comes-first

І ще маю що вам дати переглянути) Найкращі проєкти року від Behance https://www.behance.net/moodboard/222464861/Best-of-Behance-2025 Топ 25 графічного дизайну від It’s Nice That https://www.itsnicethat.com/features/review-of-the-year-2025-top-25-graphic-design-151225 Найпопулярніші Pens 2025 на CodePen https://codepen.io/2025/popular/pens/ 10 must-have шрифтів на 2025 https://ilovetypography.com/2025/01/06/must-have-fonts-for-2025/ AI-driven workflows з Claude https://uxdesign.cc/designing-with-claude-code-and-codex-cli-building-ai-driven-workflows-powered-by-code-connect-ui-f10c136ec11f Baymard Institute — UX-Ray плагін для аналізу дизайнів

Шрифти: 10 must-have шрифтів на 2025 https://ilovetypography.com/2025/01/06/must-have-fonts-for-2025/ Топ 25 графічного дизайну від It’s Nice That https://www.itsnicethat.com/features/review-of-the-year-2025-top-25-graphic-design-151225 Найпопулярніші Pens 2025 на CodePen https://codepen.io/2025/popular/pens/ Building AI-driven workflows powered by Claude Code and other tools https://uxdesign.cc/designing-with-claude-code-and-codex-cli-building-ai-driven-workflows-powered-by-code-connect-ui-f10c136ec11f Got some research themed resources for you 🤓 Workshopping UX Research with Stakeholders https://www.nngroup.com/articles/ux-research-workshops/ What Makes a Good UX Research Moderator? https://measuringu.com/what-makes-a-good-ux-research-moderator/ Accelerating insights: My dive into AI-moderated user interviews https://medium.com/athenahealth-design/accelerating-insights-my-dive-into-ai-moderated-user-interviews-17ccc6fbc81b Qualitative Inquiry Can Make Quantitative Work More Meaningful: But Which Comes First? https://quantuxblog.com/qualitative-inquiry-can-make-quantitative-work-more-meaningful-but-which-comes-first For those who is interested to learn more about Lottie animations (state machine) Yaamin shared this playlist: https://www.youtube.com/watch?v=4aUkC0lSbyg&list=PL5YboiW_RwK5VS1L7taE4qrO_BzORoFqH UI and motion resources Found this Navbar Design Inspiration Websites https://www.navbar.gallery/ Animation inspo https://loadmo.re/ (btw don’t forget to register for our masterclass on motion design with Lottie: https://luma.com/98v3hx0n) Animation tips - very good for basic interactions! https://emilkowal.ski/ui/7-practical-animation-tips A guide to creating accessible PDFs using free tools https://piccalil.li/blog/a-guide-to-creating-accessible-pdfs-using-free-tools/ Accessible Writing Techniques for Web Content https://www.a11y-collective.com/blog/accessible-writing/ Writing alt text with AI https://jaredcunha.com/blog/writing-alt-text-with-ai How to make transitions and hyperlapses in Freepik Ai Spaces Live https://www.youtube.com/live/eWk7jpoggX0 A quick roundup of fresh insights on design systems 👇 1. Nathan Curtis explores how Figma component properties can be simplified with the introduction of slots. Shows practical examples where components become much easier to use. https://nathanacurtis.substack.com/p/configuration-collapse 2. Nathan Curtis breaks down how slots in Figma components can fix common workarounds especially when components include conditional child elements (like lists or tabs). Slots allow you to add exactly the number of elements needed for each case. https://medium.com/@nathanacurtis/figma-slots-for-repeating-items-64b28e35f56a 3. Ben Callahan reflects on design system integrity. Why it matters, when it’s valuable, and when it can actually start harming a product ecosystem. https://bencallahan.com/how-design-systems-offer-creative-safety-for-product-teams 4. PJ Onori discusses the distributed model of maintaining a design system where teams across the company can contribute. Based on experience, this tends to work best in smaller teams. https://pjonori.blog/posts/design-system-contributions/ 5. IBM shows how designers can generate prototypes using AI while leveraging the Carbon design system. https://medium.com/design-ibm/the-prompt-is-the-prototype-how-structured-ai-prompting-is-reshaping-enterprise-design-b0c284549d76 6. Tool UI - A collection of design system components for AI interfaces built with shadcn/ui, Tailwind, and Radix. https://www.tool-ui.com/ 7.PixelPerfect lecture on Design Systems with our community member, Matteo, who will walk through the real process behind building and restructuring a huge design system: discovery, system audits, token structure, accessibility, and how components are documented for teams to actually use. https://luma.com/0ojzopav Some fresh resources on UI patterns & best practices 👇 1. Baymard Institute A Figma plugin powered by their AI-driven UX analyser, UX-Ray.

It compares your designs against patterns and best practices from their extensive research database. https://www.figma.com/community/plugin/1608088797036191266/ux-ray-by-baymard 2. Lazyweb A tool that helps you quickly analyse mobile app screens and user flows within a specific industry. It combines a classic pattern library with flexible AI-powered search. https://www.lazyweb.com/ 3. Victor Ayomipo A practical guide on the psychology and UX design behind streak-based motivation systems for users. https://www.smashingmagazine.com/2026/02/designing-streak-system-ux-psychology/ 4. NN/g A guide on designing useful notifications for smart home devices. These can be reactive, proactive, or optimisation-driven. https://www.nngroup.com/articles/smart-home-notifications/ 5. NN/g A collection of simple UI patterns used in AI chatbots that help users interact more effectively. For example, checkboxes and predefined options (like in Google and Claude). They may seem basic, but are very effective in the right context. https://www.nngroup.com/articles/genui-buttons-and-checkboxes/ розділи на кілька підбірок

Маю цікаву підбірку для вас) Трохи метрик по перформансу сайтів від Webflow https://webflow.com/resources/report/2025-state-of-the-website Стан user research у 2025 https://www.userinterviews.com/state-of-user-research-report Візуальні дизайн-тренди, які визначать 2026 від Canva https://www.canva.com/newsroom/news/design-trends-2026/ Тренди email-дизайну на 2026 https://designmodo.com/email-design-trends/ Топ трендів вебдизайну на 2026 https://designmodo.com/web-design-trends/ Дуже цікаві культурні тренди від Pinterest на 2026 https://newsroom.pinterest.com/en-gb/news/pinterest-predicts-nonconformity-self-preservation-and-escapism-drive-21-trends-for-2026/ Тренди вебдизайну від VistaPrint (я прям дуже погоджуюсь з їх підбіркою!) https://www.vistaprint.com/hub/web-design-trends AI Index Report 2025 від Stanford University https://hai.stanford.edu/ai-index/2025-ai-index-report

Знаєте, я давно мріяла попасти на Config - щорічна Конференція від Figma, і минулого року таки попала) Але не в Сан-Франциско, а в Лондон)

а тут ще аудіо)

Привіт, бачу вам сподобалось, тому додам ще формули промпів для якісних генерацій

Привіт, бачу вам сподобалось, тому додам ще формули промпів для якісних генерацій

AI прототипування Base44 Найпростіший старт для не-технічних людей — все включено одразу: база даних, авторизація, хостинг, аналітика. Не треба підключати Supabase як у Lovable. Discussion Mode — обговорюєш ідею з AI без витрати кредитів. Безкоштовно (5 повідомлень/день) / від $29/міс | base44.com Lovable Описуєш що має робити інтерфейс — отримуєш повністю робочий продукт з UI, логікою і базою даних. Для дизайнерів що хочуть самостійно зробити MVP для клієнта або власного проєкту без розробника. lovable.dev Uizard Найпростіший для дизайнерів і PM — скетч або скріншот → редагований мокап за секунди. Автопрототипування, multi-screen flows, real-time collaboration. Від ідеї до клікабельного прототипу за 30 секунд. Не потрібен Figma або код. uizard.io Google Stitch Безкоштовний design-first інструмент від Google — infinite canvas, Gemini 2.5 Pro. Описуєш або завантажуєш скетч → готовий UI. Експорт у Figma і frontend код. Ідеально для швидкого дизайн-exploration і концептів на початку проєкту. Безкоштовно | labs.google/stitch v0 (Vercel) Генеруєш красивий UI з промту — отримуєш production-ready React компоненти з shadcn/ui. Показуєш клієнту або передаєш розробнику вже готовий до роботи код. Для дизайнерів що хочуть говорити з девами на одній мові. v0.dev Bolt.new Найшвидший спосіб зробити клікабельний прототип що реально працює — відкрив вкладку, описав ідею, отримав лінк для демо. Ідеально перед презентацією клієнту коли треба показати «живий» продукт а не просто макет. bolt.new

Вайрфрейми (Окрім Фігми) UX Pilot Найшвидший text-to-wireframe — промт або скетч → багато-екранний user flow за хвилину. Плагін для Figma, конверсаційне редагування. uxpilot.ai Relume Заточений на веб-дизайн — sitemap → wireframes → style guide → Figma/Webflow за лічені хвилини. 1000+ компонентів. relume.io Uizard Найкращий для non-designers і PM — скетч/скріншот → редагований мокап. Автопрототипування, real-time collaboration. Від ідеї до клікабельного прототипу за 30 секунд. uizard.io Visily Text description або screenshot → UI screens за секунди. Простий для команд без дизайнерів. Figma-плагін для передачі в роботу. visily.ai

Аяк же UX UI? Ми ж дизайнери інтерфейсів🥹 Звісно додам)

Презентації Gamma Найпопулярніший AI-презентатор 2025-2026 — $50M річного доходу. Промт → повна презентація за 45 секунд з зображеннями та сучасним дизайном. Публікується як веб-сторінка або експортується в PPTX/PDF. gamma.app Beautiful.ai Найкращий для брендових презентацій — Smart Slides автоматично підлаштовують layout при зміні контенту. Бренд-кіт, team library, ніколи не буде некрасивого слайду. beautiful.ai Tome Presentation як storytelling — слайди побудовані як сюжет, не як набір пунктів. Відмінно для pitch deck і творчих презентацій. tome.app Gamma (NotebookLM) Якщо треба презентація з власного документа — завантажуєш PDF/статтю, AI будує структуровану презентацію за твоїм контентом. notebooklm.google Microsoft Copilot (PowerPoint) Якщо команда вже в Microsoft 365 — AI прямо в PowerPoint. Генерує слайди з документів, редагує, покращує без зміни звичного workflow. microsoft.com/copilot

Темплейти — графдизайн, банери, соцмережі Canva AI Стандарт для швидкого контенту. Magic Design, text-to-image, resize на всі формати, brand kit. Мільйони шаблонів для будь-якої платформи. canva.com Adobe Express Найкращий Canva-альтернатив з Adobe AI всередині. Generative Fill, background removal, brand controls, прямий зв'язок з Photoshop і Illustrator. express.adobe.com Visme Найкращий для бізнес-матеріалів з даними — інфографіки, звіти, презентації, банери. AI генерує повний дизайн з одного промту. visme.co Sivi AI Спеціально заточений під маркетинг — промт або URL продукту → готовий банер, реклама, пост для будь-якої платформи з урахуванням бренд-кіту. sivi.ai Kittl Окремо від вектора — тут же чудові шаблони для мерчу, постерів, упаковки з типографікою та вінтажними стилями. kittl.com