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

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

Ir al canal en Telegram

✨ Здесь публикуются самые лучшие сниппеты с codepen.io, стильные макеты Figma, опросы, туториалы, статьи и прочее. Реклама: @shmyzna

Mostrar más
4 566
Suscriptores
-324 horas
-87 días
-3730 días
Atraer Suscriptores
julio '26
julio '26
+8
en 0 canales
junio '26
+34
en 0 canales
Get PRO
mayo '26
+88
en 1 canales
Get PRO
abril '26
+14
en 0 canales
Get PRO
marzo '26
+18
en 0 canales
Get PRO
febrero '26
+24
en 1 canales
Get PRO
enero '26
+17
en 1 canales
Get PRO
diciembre '25
+73
en 1 canales
Get PRO
noviembre '25
+22
en 1 canales
Get PRO
octubre '25
+114
en 33 canales
Get PRO
septiembre '25
+337
en 201 canales
Get PRO
agosto '25
+342
en 47 canales
Get PRO
julio '25
+65
en 65 canales
Get PRO
junio '25
+123
en 4 canales
Get PRO
mayo '25
+90
en 32 canales
Get PRO
abril '25
+613
en 167 canales
Get PRO
marzo '25
+279
en 66 canales
Get PRO
febrero '25
+802
en 271 canales
Get PRO
enero '25
+265
en 34 canales
Get PRO
diciembre '24
+376
en 76 canales
Get PRO
noviembre '24
+119
en 0 canales
Get PRO
octubre '24
+175
en 2 canales
Get PRO
septiembre '24
+176
en 1 canales
Get PRO
agosto '24
+4 482
en 1 canales
Get PRO
julio '24
+113
en 2 canales
Get PRO
junio '24
+137
en 1 canales
Get PRO
mayo '24
+181
en 0 canales
Get PRO
abril '24
+193
en 0 canales
Get PRO
marzo '24
+236
en 1 canales
Get PRO
febrero '24
+276
en 4 canales
Get PRO
enero '24
+390
en 2 canales
Get PRO
diciembre '23
+285
en 1 canales
Get PRO
noviembre '23
+218
en 5 canales
Get PRO
octubre '23
+751
en 15 canales
Get PRO
septiembre '23
+123
en 0 canales
Get PRO
agosto '23
+81
en 0 canales
Get PRO
julio '23
+69
en 0 canales
Get PRO
junio '23
+65
en 0 canales
Get PRO
mayo '23
+72
en 0 canales
Get PRO
abril '23
+248
en 0 canales
Get PRO
marzo '23
+290
en 0 canales
Get PRO
febrero '23
+602
en 0 canales
Fecha
Crecimiento de Suscriptores
Menciones
Canales
06 julio0
05 julio+1
04 julio+2
03 julio+2
02 julio+3
01 julio0
Publicaciones del Canal
🎨 Penpot: открытая альтернатива Figma Ищешь полнофункциональный инструмент для дизайна, который не привязывает к подписке и
🎨 Penpot: открытая альтернатива Figma Ищешь полнофункциональный инструмент для дизайна, который не привязывает к подписке и работает локально?
Полноценная платформа для совместной работы дизайнеров и разработчиков с поддержкой Figma-совместимых файлов, векторной графики и компонентного подхода. Работает через браузер или локально, с открытым исходным кодом и возможностью самодеплоя.
Отличный вариант для команд, которые ценят независимость от SaaS-сервисов и хотят полный контроль над своими дизайн-активами 🚀 🐱 Перейти на GitHub 🎨 Дизайн База | #Design #Tools #OpenSource

2
🎨 Ускоряем дизайн мобайла с Figma Variables Разрабатываешь приложения под iOS и Android и устал от дублирования макетов для
🎨 Ускоряем дизайн мобайла с Figma Variables Разрабатываешь приложения под iOS и Android и устал от дублирования макетов для каждой платформы? Проблема: дизайнер тратит много времени на адаптацию макетов между iOS и Android. Решение — Figma Variables позволяют создать умные компоненты, которые автоматически меняют стили под гайдлайны конкретной платформы, сохраняя их уникальность. Эффективный подход, который экономит до 50% времени дизайнера и ускоряет подготовку к разработке — отличный лайфхак для команд, делающих кроссплатформенные продукты 🎯 🌐 Перейти на сайт 🎨 Дизайн База | #Figma #Дизайн #Tools
339
3
🎨 Анимированное меню в Figma Хочешь добавить интерактивности в мобильный интерфейс без кода? В этом гайде показывают, как со
🎨 Анимированное меню в Figma Хочешь добавить интерактивности в мобильный интерфейс без кода? В этом гайде показывают, как создать плавно анимированное меню с помощью встроенных возможностей Figma. Что разберём: создание компонентов для состояний меню, настройка переходов между экранами, работа с прототипированием и smart animate для плавных анимаций. Всё на реальном примере мобильного приложения. Отличный способ быстро прототипировать интерактивные элементы и показывать клиентам, как будет работать финальный интерфейс 🚀 📺 Смотреть видео 🎨 Дизайн База | #Design #Figma #UI
308
4
🎨 Ответы на вопросы веб-дизайнеров Начинаешь путь в веб-дизайне и не знаешь, с чего стартовать? Статья разбирает ключевые мо
🎨 Ответы на вопросы веб-дизайнеров Начинаешь путь в веб-дизайне и не знаешь, с чего стартовать? Статья разбирает ключевые моменты, которые волнуют каждого новичка в индустрии. Основные темы: выбор между курсами и самообучением, поиск первой работы, формирование портфолио, стратегии трудоустройства в топовые компании. Автор делится практическими советами на основе реального опыта. Полезный материал для тех, кто только входит в профессию и хочет избежать типичных ошибок на старте карьеры 🤔 🌐 Перейти на сайт 🎨 Дизайн База | #Дизайн #Карьера #Разбор
272
5
🎮 Тренажёр кривых Безье онлайн Хочешь освоить инструмент "Перо" в графических редакторах, но не знаешь с чего начать? Эта иг
🎮 Тренажёр кривых Безье онлайн Хочешь освоить инструмент "Перо" в графических редакторах, но не знаешь с чего начать? Эта игра поможет прокачать навыки работы с кривыми Безье через практические задания. Интерактивный курс обучения с постепенным усложнением: от простых фигур до сложных контуров. Игровая механика позволяет отслеживать прогресс и сравнивать результат с идеальным вариантом. Отличный способ для дизайнеров и разработчиков отточить владение ключевым инструментом векторной графики без скучных туториалов 🎯 🌐 Перейти на сайт 🎨 Дизайн База | #Design #Tools #Гайды
236
6
🎨 Как не стать злодеем UX Соглашаешься ли ты с условиями, не читая? Тогда знай, какие манипуляции могут скрываться за "прост
🎨 Как не стать злодеем UX Соглашаешься ли ты с условиями, не читая? Тогда знай, какие манипуляции могут скрываться за "простыми" интерфейсами. Тёмные паттерны UX: скрытые кнопки отписки, трёхшаговая система оплаты, превращающаяся в лабиринт, навязчивые подписки, которые сложнее прервать, чем пройти босса в хардкорном Souls-like. Причина — дизайнерские решения, направленные на манипуляцию, а не на удобство. Идеальное чтение для дизайнеров и разработчиков, которые хотят создавать честные интерфейсы и не поддаваться соблазну манипулятивных паттернов 🛡️ 🌐 Перейти на сайт 🎨 Дизайн База | #UX #Design #Разбор
225
7
🎨 Анимация удаления по свайпу в Figma Хочешь добавить интерактивности в мобильные интерфейсы? Создание компонента "Проведите
🎨 Анимация удаления по свайпу в Figma Хочешь добавить интерактивности в мобильные интерфейсы? Создание компонента "Проведите для удаления" — отличный способ оживить списки и сделать UX более интуитивным. Пошаговое руководство по созданию полностью интерактивного свайп-компонента: настройка слоев, работа с Auto Layout, создание анимаций перехода и реализация drag-эффектов для реалистичного поведения. Отличный материал для дизайнеров мобильных интерфейсов, которые хотят освоить продвинутые техники работы с компонентами в Figma и создавать профессиональные прототипы 🎯 📺 Смотреть видео 🎨 Дизайн База | #Figma #UI #Гайды
214
8
🎨 3D SVG — преврати любой SVG в 3D логотип Нужен срочно 3D-логотип для презентации или сайта? Есть сервис, который делает вс
🎨 3D SVG — преврати любой SVG в 3D логотип Нужен срочно 3D-логотип для презентации или сайта? Есть сервис, который делает всё буквально за пару минут. Просто загружаешь SVG-файл, и система автоматически превращает его в трехмерный логотип с настройкой глубины, освещения и текстур. Можно играть с тенями, отражающими поверхностями и даже создавать эффект гравировки. Сервис бесплатен для тестирования, что круто для быстрых лэйаутов, а полноценный пакет выходит относительно недорого для разовых задач 🤑 🌐 Перейти на сайт 🎨 Дизайн База | #Tools #Дизайн #3D
214
9
🎨 Эффект Tilt Shift — точечное размытие в Figma Размытие — одна из ключевых техник в дизайне интерфейсов. Но стандартные мет
🎨 Эффект Tilt Shift — точечное размытие в Figma Размытие — одна из ключевых техник в дизайне интерфейсов. Но стандартные методы не всегда дают нужный контроль над эффектом. В Figma нет встроенного инструмента для точечного размытия, но есть обходной путь с использованием Gaussian Blur и Frame Blur — показываем, как эмулировать эффект tilt shift для глянцевых интерфейсов, стекол и морфизма. Ценная находка для дизайнеров, которые работают над проектами с современной эстетикой без необходимости вставлять отдельные изображения или использовать внешние плагины 🎯 📺 Смотреть видео 🎨 Дизайн База | #Figma #Design #Гайды
210
10
🎨 Объёмные иконки в Figma за 5 минут Создание реалистичных 3D-элементов казалось прерогативой тяжёлых дизайн-инструментов. А
🎨 Объёмные иконки в Figma за 5 минут Создание реалистичных 3D-элементов казалось прерогативой тяжёлых дизайн-инструментов. А можно ли превратить плоскую иконку в объёмную, не покидая Фигму? Пошаговый туториал с двумя плагинами: сначала разбираемся с базовой формой и контуром, затем добавляем градиенты и тени для глубины, финишируем настройкой освещения. На выходе получим готовую 3D-иконку для интерфейсов. Универсальный метод для дизайнеров, которые хотят разнообразить визуальный язык проектов объёмными элементами, не перегружая процесс 👨‍🎨 📺 Смотреть видео 🎨 Дизайн База | #Figma #Дизайн #Плагины
230
11
🎨 Figma за 24 минуты Хочешь освоить Figma быстро и без лишней теории? Это руководство поможет разобраться с основами за мини
🎨 Figma за 24 минуты Хочешь освоить Figma быстро и без лишней теории? Это руководство поможет разобраться с основами за минимальное время — всего 24 минуты на полное погружение в инструмент. Что разберёшь: интерфейс Figma, основные инструменты для работы с векторной графикой, создание компонентов, работа с текстом и цветом, экспорт готовых макетов. Автор использует принцип "сразу к практике" — никакой воды, только нужные навыки. Отличный старт для дизайнеров и разработчиков, которые хотят быстро освоить современный инструмент проектирования интерфейсов 🚀 📺 Смотреть видео 🎨 Дизайн База | #Figma #Design #Гайды
222
12
🎨 Топ-5 плагинов Figma для работы Работаешь в Figma и ищешь инструменты, которые ускорят ежедневные задачи? Вот подборка из
🎨 Топ-5 плагинов Figma для работы Работаешь в Figma и ищешь инструменты, которые ускорят ежедневные задачи? Вот подборка из пяти проверенных плагинов, с которыми процесс создания интерфейсов станет эффективнее. ClipDrop для быстрого удаления фона с объектов, Dark Mode Magic для мгновенного переключения между светлой и тёмной темами, Unsplash как бесплатный источник качественных изображений, To Path для гибкой работы с текстом по кривым и Material Symbols от Google с редактируемой библиотекой иконок. Хороший набор для дизайнеров любого уровня: новички найдут незаменимых помощников для старта, а опытные — инструменты, которые закроют рутинные задачи и сэкономят время 💡 📺 Смотреть видео 🎨 Дизайн База | #Figma #Design #Tools
214
13
Хочешь добавить в дизайн динамичный фон или эффектное северное сияние? Разберём, как создать и анимировать mesh gradient в Fi
Хочешь добавить в дизайн динамичный фон или эффектное северное сияние? Разберём, как создать и анимировать mesh gradient в Figma — на всё уйдёт меньше 5 минут. Что разберём: где брать готовые сетчатые градиенты, как настраивать их в Figma, создание органичных фигур через плагин Blobs, а главное — анимация с помощью интерактивных компонентов. Для примера показываем создание эффекта северного сияния с плавным изменением цветов. Отличный способ оживить UI и создавать переливы без сложных анимационных программ, идеально подходит для лендингов и промо-страниц 🚀 📺 Смотреть видео 🎨 Дизайн База | #Figma #Design #Гайды
221
14
🎨 Дизайн мобильного экрана в Figma Нужно создать привлекательный интерфейс мобильного приложения с современными эффектами? Р
🎨 Дизайн мобильного экрана в Figma Нужно создать привлекательный интерфейс мобильного приложения с современными эффектами? Разберёшь анимации жестов, интерактивные элементы, нестандартные сетки, работу со слоями и экспорт готовых макетов. Видео подходит для тех, кто уже знаком с основами Figma и хочет углубиться в создание сложных UI-компонентов. Крутое практическое занятие для дизайнеров и разработчиков, которые хотят создавать визуально эффектные интерфейсы без лишних сложностей 🚀 📺 Смотреть видео 🎨 Дизайн База | #Figma #UI #Tools
215
15
Абстрактный Фестиваль 2026 2 дня, 2 клуба, 3 сцены, 28 артистов 27 июня — Склад №3 Црвених Цветова Kick Chill ядра чу дух пом
Абстрактный Фестиваль 2026 2 дня, 2 клуба, 3 сцены, 28 артистов 27 июня — Склад №3 Црвених Цветова Kick Chill ядра чу дух помоек группа ил vecher САПОГИ гулян Ночной саб-ивент от #mashup 28 июня — Punk Fiction: публика выбирает сама Хватит паясничать СВЯЗЬ шампур Магнолия Резина х Евгения Корсетова соня ЗОРКИ ВО М. Лебовски ВАМ Оптимизм судьба злодейка Билеты на сайте: afdevs.ru
176
16
🎨 Colors & Fonts — готовые стили для дизайна Ищешь вдохновение для дизайна, но не хочешь тратить часы на подбор палитры и шр
🎨 Colors & Fonts — готовые стили для дизайна Ищешь вдохновение для дизайна, но не хочешь тратить часы на подбор палитры и шрифтов? Этот сервис собрал в одном месте трендовые сочетания, которые действительно работают. Что найдёшь: свежие цветовые схемы по категориям (веб, графический дизайн, брендинг), готовые шрифтовые пары с гармоничными сочетаниями Headline/Body, примеры интерфейсов, где эти референсы уже применены. Идеальный помощник для дизайнеров, которые хотят быстро принимать решения, но не хотят использовать шаблонные решения из стандартных редакторов 🤔 🌐 Перейти на сайт 🎨 Дизайн База | #Дизайн #Tools #Веб
223
17
🎨 Законы UX для дизайнеров интерфейсов Хочешь создавать интерфейсы, которые пользователи интуитивно понимают с первого взгля
🎨 Законы UX для дизайнеров интерфейсов Хочешь создавать интерфейсы, которые пользователи интуитивно понимают с первого взгляда? Проект Laws of UX собрал десятки психологических принципов в одном месте — от классического закона Хика до эффекта Зейгарник. Систематизированные принципы восприятия: закон близости для группировки элементов, правило Якоба для знакомых паттернов, эффект Зейгарник о незавершённых действиях. Каждый закон сопровождается иллюстрациями и практическими примерами применения в реальных интерфейсах. Отличный ресурс для UX-дизайнеров, которые хотят проектировать с опорой на психологию пользователей, а не только на эстетику 🤔 🌐 Перейти на сайт 🎨 Дизайн База | #UXUI #Design #Гайды
224
18
🎨 Секреты анимаций Apple от разработчика Хочешь понять, как Apple создала анимации, которые стали эталоном для всей индустри
🎨 Секреты анимаций Apple от разработчика Хочешь понять, как Apple создала анимации, которые стали эталоном для всей индустрии? В этом видео автор — бывший инженер Apple — раскрывает принципы, стоящие за знаменитой плавностью и естественностью. Основные принципы: природные кривые Безье вместо линейных переходов, имитация физических свойств материалов, предвосхищение движений (антиципация) и разбор конкретных примеров из iOS и macOS. Что важно — эти техники можно применять в любых проектах. Будет полезно всем, кто работает с интерфейсами — от дизайнеров до фронтенд-разработчиков, стремящихся создавать по-настоящему качественные пользовательские переходы 🤔 📺 Смотреть видео 🎨 Дизайн База | #Разбор #UXUI #Design
225
19
Совет на 2027 год — перекатывайтесь в системную аналитику. Системные аналитики остаются одними из самых дефицитных специалистов в IT. Они проектируют интеграции, работают с API и требованиями, а зарплаты мидлов начинаются от 200 000 ₽. А чтобы освоить профессию всего за 3 месяца и получить первый оффер — изучите канал Насти Глазовой. Её бэкграунд: 5 лет в IT, путь от джуна до лида аналитики, опыт работы в Wildberries, Самокате и Ralf Ringer, а также более 150 выпускников со средней зарплатой от 177 000 ₽. На канале вы найдёте: — Всё, что нужно системному аналитику: UML, BPMN, SQL, REST API, интеграции и работа с требованиями. — Советы по резюме, которые помогают выделяться среди сотен кандидатов. — Практические материалы по трудоустройству: от подготовки к интервью до выхода на первый оффер. Помимо обучения, Настя помогает подготовить сильное резюме, пройти пробные собеседования с HR и получить рекомендации в компании-партнёры. Переходи в закрепленное сообщение в канале: @nastyacareera
184
20
🎨 Генератор цветовых палитр из изображений Как быстро подобрать гармоничную цветовую схему для нового проекта, когда вдохнов
🎨 Генератор цветовых палитр из изображений Как быстро подобрать гармоничную цветовую схему для нового проекта, когда вдохновение снова подвело? FarbVélo анализирует загруженные изображения и создаёт гармоничные палитры по цветовым правилам, поддерживает интерактивное управление через перетаскивание и горячие клавиши (пробел для новой палитры, стрелки для отступов). Отличная находка для дизайнеров, которым нужно быстро создавать согласованные цветовые решения на основе существующих материалов и вдохновляющих образцов 🤩 🌐 Перейти на сайт 🎨 Дизайн База | #Design #Tools #Colors
229