UX/UI by SHAIN

Кращого портфоліо в 2026 вже не буде 💛 Чувак зробив портфоліо в стилі Window XP, при тому воно працює як на повноцінній ОС - логін, звук, інтерактив, пікселі. Кайф 🚀 Гляньте https://mitchivin.com/

🏳️‍🌈 Нарешті це сталось! Figma випустили «Slots» Це шось типу особливих фреймів всередині компонента, куди можна вставляти інший компонент або контент без відв'язки від основного компонента. Раніше це була постійна головна боль: детачити компонент, створювати інстанс і свапати, або свторювати мілліард варінтів компонента тупо наращюючи файл по розміру і складносі Зараз у компоненті можна створити слоти. У ці «фрейми» можна вставляти різні елементи або інші компоненти. Менше варіантів - чистіші...

🍏 Apple випустили MacBook Neo за $599. В нас звісно буде дорожче. Але ок як портативний варіант, там 13 дюймів. Цікаві кольори Silver, Blush, Citrus и Indigo. Але якщо казати про дизайн - дратують мене ці великі рамки. Ви б купили такий? Для яких кейсів? Дякую що читаєте купу постів в один день 😄

⭐️ Чесно, не знаю на скільки це вам корсино, але ж я ділюсь тут тим що стосується роботи, то ж… Мені дуже не хочеться руками писати великі промти в аішку, а інколи й просто повідомлення - я почав юзати софт для диктування тексту. Як працює - тикаю в якийсь інпут, натискаю хоткей і голос говорю промт, натискаю хоткей знов і в інпут автоматично вставляється текст який я надиктував. При тому це працює краще ніж просто дефолтний епла. Бо воно ставить крапки, коми, розділяє речення, тощо. Бо працює н...

Безкоштовні курси по Сlaude і навіть по Claude Code від Anthropic ✔️ Для кожного курсу видають сертифікат можна козиряти на лінкедін😄 Посилання на курси Лайфхак Там є базові курси (які мені не корисні), то ж я прошу Claude пройти замість мене і він це успішно робить🤣

🏳️‍🌈 Безкоштовний генератор токенів для Figma Мій товарищ Ден зробив опенсорс генератор токенів для фігми. Як працює: вставляєте ваш main color, він генерить вам всю палітру токенів. Копіюєте скрипт, вставляєте в Figma і маєте готову лібу токенів Або просто копіюєте те що треба) Лімітуюється по WCAG AA, то ж не буде крінжу видавати Користуйтесь 🙂

Крч, можна робити анімаціі і отримувати одразу і відео для презентаціі і готовий код який можна віддати розробнику. Все це просто промтом в Claude або Cursor Remotion релізнув Agent Skills для Claude Code 1. Встановіть skill: Відкрийте термінал і вставте npx skills add remotion-dev/skills 2. Відкрийте Claude Codde і спочатку пишіть в інпут /remo далі підтягне ремоушн та просто опишіть агенту що потрібно.

🏳️‍🌈 Figma + AI: 3 MCP-сервери - як вибрати? Дісклеймер Чули про MCP, але не розумієте що це? MCP (Model Context Protocol) - міст між AI-тулом (Claude, Cursor, VS Code) і Figma-файлом в нашому випадку. Замість того щоб скріншотити макет і кидати в AI - він отримує реальні дані: шари, змінні, відступи, назви компонентів. І одразу генерує. 3 основні MCP-сервери: 1. Figma Dev Mode MCP (офіційний) - Платний (потрібен Dev seat) - Тільки читання: Figma → Код - Виділяєш фрейм — отримуєш код (React + ...

Якщо ви вже розібрались з інструкцією і вже пробуєте будувати через Claude дизайн в Figma 🏳️‍🌈 То ось те що вам допоможе зробити роботу більш простою Знайшов скіли UX/UI для Claude. UX‑скіл відповідає за стратегію та психологію, UI - за візуальне виконання.…

Пора оновити пост з добіркою фрішних сетів іконок 🤖 phosphoricons.com - мій фейворіт. Писав тут + можна встановити як веб додаток собі у док. є кнопка в панелі пошуку lucide.dev - другий за популярністю у мене. Зручно що кастомізується розмір і товщина stroke. lucide-animated.com - ліба та що вище, але анімована. Можна передавати лінки девелоперам heroicons.com - гарні інтерфейсні іконки. Кастомізуються по Outline, Solid, Mini, Micro - останні два варианти кастомізаціі інколи дуже корисно бачит...