现已上线！2025 年 Telegram 研究 — 年度关键洞察 
Design Portal
前往频道在 Telegram
Присоединяйтесь к нашему каналу и погрузитесь в мир дизайна Cсылка для друзей: https://t.me/+kH_SR315BCk2YjUy Связь: @devmangx РКН: https://clck.ru/3Foc9k
显示更多📈 Telegram 频道 Design Portal 的分析概览
频道 Design Portal (@portaltodesign) 俄语 语言赛道中的 是活跃参与者。目前社区聚集了 17 918 名订阅者，在 艺术与设计 类别中位列第 1 825，并在 俄罗斯 地区排名第 37 577 位。
📊 受众指标与增长动态
自 невідомо 创建以来，项目保持高速增长，吸引了 17 918 名订阅者。
根据 19 六月, 2026 的最新数据，频道保持稳定运转。过去 30 天订阅人数变化为 -667，过去 24 小时变化为 -17，整体触达仍然可观。
- 认证状态： 未认证
- 互动率 (ER)： 平均受众互动率为 5.77%。内容发布后 24 小时内通常能获得 3.48% 的反应，占订阅者总量。
- 帖子覆盖： 每篇帖子平均可获得 1 036 次浏览，首日通常累积 625 次浏览。
- 互动与反馈： 受众积极参与，单帖平均反应数为 4。
- 主题关注点： 内容集中在 figma, gemini, png, графика, angles 等核心主题上。
📝 描述与内容策略
作者将该频道定位为表达主观观点的平台：
“Присоединяйтесь к нашему каналу и погрузитесь в мир дизайна
Cсылка для друзей: https://t.me/+kH_SR315BCk2YjUy
Связь: @devmangx
РКН: https://clck.ru/3Foc9k”
凭借高频更新（最新数据采集于 20 六月, 2026），频道始终保持新鲜度与高覆盖。分析显示受众积极互动，使其成为 艺术与设计 类别中的关键影响点。
17 918
订阅者
-1724 小时
-1427 天
-66730 天
数据加载中...
吸引订阅者
六月 '26
六月 '26
+15
在3个频道中
五月 '26
+5
在2个频道中
Get PRO
四月 '26
+130
在1个频道中
Get PRO
三月 '26
+336
在1个频道中
Get PRO
二月 '26
+488
在0个频道中
Get PRO
一月 '26
+583
在1个频道中
Get PRO
十二月 '25
+628
在9个频道中
Get PRO
十一月 '25
+1 473
在319个频道中
Get PRO
十月 '25
+73
在1个频道中
Get PRO
九月 '25
+167
在1个频道中
Get PRO
八月 '25
+181
在1个频道中
Get PRO
七月 '25
+1 496
在267个频道中
Get PRO
六月 '25
+453
在1个频道中
Get PRO
五月 '25
+346
在0个频道中
Get PRO
四月 '25
+734
在1个频道中
Get PRO
三月 '25
+1 013
在0个频道中
Get PRO
二月 '25
+838
在1个频道中
Get PRO
一月 '25
+1 600
在0个频道中
Get PRO
十二月 '24
+2 586
在397个频道中
Get PRO
十一月 '24
+743
在165个频道中
Get PRO
十月 '24
+3 319
在328个频道中
Get PRO
九月 '24
+964
在282个频道中
Get PRO
八月 '24
+3 611
在240个频道中
Get PRO
七月 '24
+7 383
在138个频道中
| 日期 | 订阅者增长 | 提及 | 频道 | |
| 20 六月 | 0 | |||
| 19 六月 | 0 | |||
| 18 六月 | 0 | |||
| 17 六月 | 0 | |||
| 16 六月 | 0 | |||
| 15 六月 | 0 | |||
| 14 六月 | 0 | |||
| 13 六月 | 0 | |||
| 12 六月 | +2 | |||
| 11 六月 | 0 | |||
| 10 六月 | 0 | |||
| 09 六月 | 0 | |||
| 08 六月 | 0 | |||
| 07 六月 | 0 | |||
| 06 六月 | 0 | |||
| 05 六月 | +3 | |||
| 04 六月 | +10 | |||
| 03 六月 | 0 | |||
| 02 六月 | 0 | |||
| 01 六月 | 0 |
频道帖子
+8
Создаём нежную летнюю иллюстрацию, используя плагины и функции Figma.
👉 @PortalToDesign
| 2 | 🔥VPS + ISPmanager со скидкой до 100% на Waicore
Запускаете сайты на VPS? Сейчас самое время попробовать ISPmanager практически бесплатно.
➕ Наши акции:
— 100% скидка на первый месяц лицензии ISPmanager при заказе VPS из категории «Веб-хостинг»
— Скидка 60% на лицензии ISPmanager при отдельной покупке
Также доступны:
🛡 SSL-сертификаты
🛡 BitNinja для защиты серверов от атак, спама и вредоносного ПО.
Получаете готовый VPS с установленной панелью управления и можете сразу приступать к работе с сайтами, почтой, базами данных и другими сервисами.
⚡️Акция действует месяц.
Подробнее на сайте WAICORE. | 416 |
| 3 |  +5Honor представила MagicOS 11. И если вам кажется, что вам не показалось — вам действительно не показалось!
👉 @PortalToDesign | 579 |
| 4 |  Добавляем классную градиентную обводку для карточки за считанные минуты.
👉 @PortalToDesign | 711 |
| 5 |  Играли со шрифтами и проиграли
👉 @PortalToDesign | 798 |
| 6 | 15 мощных расширений для Chrome для разработчиков, дизайнеров и создателей контента
Loom — расширение для записи экрана, которое позволяет быстро записывать видео с экрана вместе с голосовыми комментариями и делиться ими.
Grammarly — ИИ-помощник для письма, который проверяет грамматику, орфографию, тон и читаемость текста прямо во время набора.
ColorZilla — инструмент для выбора цветов, позволяющий определять и копировать цвета с любых веб-страниц.
WhatFont — помогает быстро определить, какие шрифты используются на сайте.
Site Palette — генерирует цветовую палитру любого сайта для поиска дизайнерских референсов и вдохновения.
GoFullPage — делает полноразмерные скриншоты страниц без необходимости прокручивать их вручную.
Page Ruler — измеряет ширину и высоту элементов страницы в пикселях.
Lightshot — инструмент для быстрых скриншотов с возможностью редактирования и мгновенного обмена изображениями.
Imageye — находит все изображения на странице и позволяет быстро скачать их.
Responsive Viewer — помогает разработчикам проверять, как сайт выглядит на разных размерах экранов и устройствах.
CSS Viewer — показывает CSS-свойства элементов страницы при наведении курсора.
Web Developer — набор инструментов для веб-разработки, встроенный прямо в браузер.
JSON Viewer — форматирует и отображает JSON в удобном для чтения структурированном виде.
Lighthouse — автоматизированный инструмент от Google для анализа производительности сайта, доступности, SEO и соответствия лучшим практикам.
Wappalyzer — определяет технологии, фреймворки, CMS и другие инструменты, на которых построен сайт.
👉 @PortalToDesign | 824 |
| 7 |  Аллилуйя, в Figma наконец-то завезли группировку вкладок.
👉 @PortalToDesign | 865 |
| 8 |  «Об этом никто не знает, но это можно сделать в Figma.»
👉 @PortalToDesign | 970 |
| 9 |  godly — сайт, где собрана огромная галерея красивого дизайна для вдохновения.
👉 @PortalToDesign | 992 |
| 10 |  Figma выпустила расширение для Chrome, которое позволяет импортировать любую веб-страницу прямо в Figma, автоматически разбивая её на полностью редактируемые слои.
Что умеет:
* Мгновенный импорт — весь контент, включая текст, иконки, кнопки и другие элементы, сразу доступен для редактирования.
* Сохраняет структуру — расширение переносит иерархию слоёв, что упрощает редизайн и анализ конкурентов.
* Экономит время — не нужно вручную воссоздавать базовые элементы интерфейса с нуля.
Ссылка: https://figma.bot/ChromeExt
👉 @PortalToDesign | 1 077 |
| 11 |  Remix Icons — здесь вы найдёте большую коллекцию бесплатных векторных иконок в нескольких стилях и популярных категориях
👉 @PortalToDesign | 1 000 |
| 12 | Хочешь использовать Claude Design без подписки на Claude?
Познакомься со skill baoyu-design, который переносит дизайн-движок Claude прямо в Hermes, Cursor, Claude Code, Codex или твоего локального агента.
Обычный промпт → получаешь отполированный UI-макет, прототип, wireframe или deck в виде самодостаточного HTML: весь CSS, JS и ассеты уже внутри.
Плюсы:
• 100% локально, ничего не нужно загружать
• Можно итерироваться через подход “point & edit” в превью
• Поддерживает офлайн-импорт Figma .fig файлов
• Результат сразу попадает в твой проект, его можно хранить в git
• Также можно экспортировать в PDF/PPTX
Репозиторий: https://github.com/JimLiu/baoyu-design
👉 @PortalToDesign | 1 070 |
| 13 |  Знаешь, что PNG по сути сделали назло?
А JPEG просто выкидывает примерно половину цветов в картинке, потому что ты всё равно не заметишь.
Читай главу про сжатие изображений:
https://makingsoftware.com/chapters/image-compression
👉 @PortalToDesign | 986 |
| 14 |  Как я использую Claude Code и Remotion для создания анимированных диаграмм.
Это не один промпт.
Сначала выбираю формат входа, который модель хорошо понимает. Например, Mermaid для блок-схем. Claude пишет его уверенно, поэтому он становится точкой входа.
Через Claude собираю компоненты, которые принимают этот формат и уже внутри фиксируют правила: дизайн-система, паттерны анимации, правила раскладки.
Дальше я просто описываю задачу обычным языком, например: «сделай блок-схему для проверки уровней доступа в скрипте», а Claude переводит это в наш формат входа:
flowchart TD
t1[Tier 1<br/>read-only]
t2[Tier 2<br/>in-project writes]
t3[Tier 3<br/>everything else]
action[Action] --> t1
action --> t2
action --> t3
t1 --> skip([Skips classifier])
t2 --> skip
t3 --> classifier{Classifier}
classifier --> approve[Approve]
classifier --> deny[Deny]
Компонент дальше делает всё сам: раскладку, стили, появление узлов и связей. Плюс обрабатывает события для дальнейших шагов — например, “точка трассировки”, которая идёт по пути и подсвечивает узлы.
В конце я оборачиваю всё в отдельный CRT-шейдер компонент.
В итоге помогает общий язык с агентом. Когда я пишу «rise in fast on enter», он понимает это как: быстрое появление с движением вверх, из заданного смещения, с ускоренной длительностью и конкретной кривой Безье.
👉 @PortalToDesign | 912 |
| 15 |  Группы кнопок для компактных действий над продуктом.
Используются для переключения представлений, фильтров, панелей инструментов, действий в выпадающих меню и сгруппированных навигационных паттернов.
👉 @PortalToDesign | 900 |
| 16 | zcool — а это китайская копия беханса, с необычными работами китайских дизайнеров
👉 @PortalToDesign | 1 069 |
| 17 |  Прокачай чувство UI-анимации 💪
Набор быстрых упражнений для тренировки навыка motion design: ищешь ошибки в анимации, называешь их и исправляешь.
→ https://emilkowal.ski/ui/train-your-judgement
Автор: Emil Kowalski
👉 @PortalToDesign | 1 163 |
| 18 |  В Figma появился новый инструмент для автоматизации рутинных задач — Check Designs.
Теперь проверка макета на соответствие дизайн-системе занимает считанные секунды.
Чтобы проверить фрейм, просто нажмите правой кнопкой мыши и выберите Check Designs.
Инструмент мгновенно подсветит:
Стили и переменные: привязаны ли цвета и типографика к вашим Libraries.
Доступность: соответствуют ли цвета требованиям по контрастности.
Консистентность: совпадают ли отступы и радиусы скругления с настройками дизайн-системы.
Состояние компонентов: есть ли «отсоединённые» (detached) компоненты, которые требуют обновления.
Все найденные проблемы можно исправить в один клик, а после завершения проверки — изменить статус макета на Ready for dev.
Функция доступна для всех платных подписок Figma.
👉 @PortalToDesign | 1 256 |
| 19 |  Совет по дизайн-инжиринг:
Отделяйте объект от его тени.
Когда элемент приподнимается над поверхностью, тень не обязана двигаться вместе с ним. Если оставить тень на месте и постепенно уменьшать её интенсивность по мере удаления объекта, можно добиться более убедительного ощущения глубины и физичности.
При аккуратном использовании этот приём делает интерфейс более осязаемым и помогает избежать ощущения, будто перед пользователем просто набор слоёв, парящих в воздухе.
Я бы не применял это повсюду, но в местах, где нужен дополнительный акцент, эффект может оказаться очень выразительным.
const card = document.querySelector(".notification");
const shadow = document.querySelector(".shadow");
card.animate(
[
{ transform: "translateY(0)" },
{ transform: "translateY(-160px)" },
],
{
duration: 900,
easing: "cubic-bezier(.64,0,.78,0)"
}
);
shadow.animate(
[
{ opacity: 0.5, transform: "scaleX(1)" },
{ opacity: 0, transform: "scaleX(.35)" },
],
{
duration: 700,
easing: "ease-out"
}
);
👉 @PortalToDesign | 1 113 |
| 20 |  Совет: не допускайте повторного переноса текста при появлении полосы прокрутки.
Использование scrollbar-gutter: stable решает эту проблему.
👉 @PortalToDesign | 1 100 |
