КодВеб | Дизайн База

👩‍💻 PARPA Сайт магазина постельного белья 🟠 Сложность: Средний 🟠 Адаптивность: Есть 🟠 Язык: Русский 🎨 Дизайн База | #Макеты #Figma

🎨 Fontjoy — генератор шрифтовых пар для стильного дизайна Подбор шрифтов — не всегда простая задача, особенно если нужно найти гармоничное сочетание заголовка и основного текста. Fontjoy решает эту проблему с помощью нейросети, генерируя удачные пары шрифтов одним кликом. Последнее время сам часто пользуюсь, помогает найти хорошие решения по шрифтам. Сам проект бесплатный, код выложен на GitHub 😊 🎨 Дизайн База | #Сервис #Шрифты #ИИ

👩‍💻 SOS — Одностраничный сайт о компьютерной игре 🟠 Сложность: Средняя 🟠 Адаптивность: Есть 🟠 Язык: Английский 🎨 Смотреть этот макет в Figma 🎨 Дизайн База | #Макеты #Figma

🎨 Вопрос с собеседования: Почему важно использовать глобальные стили (цвета, текст, эффекты) в Figma, а не задавать параметры вручную для каждого элемента? Сначала подумайте, а потом можете свериться с ответом 😊 Ответ: Глобальные стили позволяют быстро менять цветовую схему, шрифты, тени на всём проекте одной правкой — все элементы, использующие стиль, обновятся автоматически. Это обеспечивает единую визуальную систему, облегчает редизайн и работу в команде, минимизирует “расползание” интерфейса и сокращает количество ручных ошибок. При ручном задании — каждая правка требует обхода всего макета, появляются рассогласования и “артефакты”. Понравился вопрос? Поставьте любую реакцию, нам интересно ваше мнение 🚀 🎨 Кодвеб | #Вопросы #Figma

⚡️Это случилось! MIT теперь в Телеграм MIT — один из лучших ВУЗов мира в сфере технологии и нейросетей. Наконец-то, они сделали русское комьюнити, где публикуются обучающие методики и ресурсы. Подпишись по ссылке: @mit

🤔 Почему Красивые сайты НЕ Продают? В этом видео мы поговорим, почему же красивые и дорогие сайты не нужны вашим клиентам. Почему эти сайты не продают? И как совместить красивый сайт с функциональным и добиться максимальной пользы как для вас, так и для вашего заказчика? 🎨 Дизайн База | #Разбор #UXUI

👩‍💻 AMEGA Сайт фермерского проекта 🟠 Сложность: Средний 🟠 Адаптивность: Есть 🎨 Дизайн База | #Макеты #Figma

⚡️Нашли для вас новые каналы со свежими материалами по программированию 🖥 Python: https://t.me/+YsgGk6qokftlNGUy 👩‍💻 Frontend: https://t.me/+lkGTQCqk6ZE1OGUy 👩‍💻 Backend: https://t.me/+heFS8Wjy51kxOTZi 📊 DevOps: https://t.me/+PyR3vVsiMoA4Zjg6 🎨 Веб-дизайн: https://t.me/+DuhPO9PVQ4RjOTJi 📖 Книги по IT: https://t.me/+pRvBPs7aATo0YzUy ⏲️ Ссылки на каналы будут доступны ещё 48 часов, успей забрать лучшее из мира IT в Телеге 👌

👨‍💻 Loading progress Анимация загрузки по этапам 🎨 Дизайн База | #CodePen

👩‍💻 Tweakful — Стильный макет сайта бронирования конференц-зала 🟠 Сложность: Средняя 🟠 Адаптивность: Нет 🟠 Язык: Английский 🎨 Смотреть этот макет в Figma 🎨 Дизайн База | #Макеты #Figma

🎨 Вопрос с собеседования: Для чего нужен Auto Layout в Figma, как его использовать для адаптивных интерфейсов и какие типичные ошибки совершают новички? Сначала подумайте, а потом можете свериться с ответом 😊 Ответ: Auto Layout автоматизирует выравнивание, отступы и изменение размера элементов внутри фреймов или компонентов. Позволяет создавать кнопки, списки, карточки, которые сами “растут” или сжимаются при изменении текста или размера контейнера. Это ускоряет прототипирование, облегчает поддержку адаптивных макетов. Частые ошибки: неправильная иерархия слоёв, вложение статичных элементов внутрь Auto Layout, неверное использование направлений (горизонталь/вертикаль), забытые “hug contents”/“fill container”, что приводит к неправильному масштабированию. Понравился вопрос? Поставьте любую реакцию, нам интересно ваше мнение 🚀 🎨 Кодвеб | #Вопросы #Figma

🟡 Error 404: Page not found – 80s hacker theme Страница 404 в стилистике фильма "Матрица" 🖼️ Код на CodePen 🎨 Кодвеб | #CodePen

PixCut Background Remover Гляньте что мы тут раскопали! Это же крутейший плагин Wondershare PixCut, который поможет вам автоматически сделать фон изображения прозрачным автоматически и бесплатно. Пользователи могут удалять 10 изображений в месяц БЕСПЛАТНО. 🖼Установить плагин 🎨 Кодвеб | #Figma #Плагины

🟡 Card animation Карточка с тремя эффектами при наведении 🖼️ Код на CodePen 🎨 Кодвеб | #CodePen

Illustrations Плагин с большим количеством бесплатных иллюстраций. 🖼Установить плагин 🎨 Кодвеб | #Figma #Плагины

🎨 Вопрос с собеседования: Как работает система компонентов и вариаций (Variants) в Figma, чем она принципиально отличается от простого копирования элементов, и как использование компонентов влияет на поддержку больших дизайн-систем? Сначала подумайте, а потом можете свериться с ответом 😊 Ответ: Компоненты в Figma позволяют создать один исходный “мастер”‑элемент, изменения в котором автоматически распространяются на все его копии (инстансы). Варианты (Variants) позволяют объединять связанные состояния (например, кнопка: default, hover, disabled) в единую структуру. Такой подход обеспечивает консистентность, ускоряет обновление интерфейса, минимизирует ручной труд и снижает риск рассинхронизации версий. В отличие от копирования, компоненты гарантируют, что правки в одном месте обновят всё сразу — критично для масштабных дизайн-систем и коллаборации. Понравился вопрос? Поставьте любую реакцию, нам интересно ваше мнение 🚀 🎨 Кодвеб | #Вопросы #Figma

🟡 Gooey SVG Filter Button Оригинальная кнопка c эластичным эффектом при наведении и сменой цвета 🖼️ Код на CodePen 🎨 Кодвеб | #CodePen