Available now! Telegram Research 2025 — the year's key insights 
Design Portal
Open in Telegram
Присоединяйтесь к нашему каналу и погрузитесь в мир дизайна Cсылка для друзей: https://t.me/+kH_SR315BCk2YjUy Связь: @devmangx РКН: https://clck.ru/3Foc9k
Show more📈 Analytical overview of Telegram channel Design Portal
Channel Design Portal (@portaltodesign) in the Russian language segment is an active participant. Currently, the community unites 18 090 subscribers, ranking 1 836 in the Art & Design category and 37 333 in the Russia region.
📊 Audience metrics and dynamics
Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 18 090 subscribers.
According to the latest data from 11 June, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -707 over the last 30 days and by -25 over the last 24 hours, overall reach remains high.
- Verification status: Not verified
- Engagement rate (ER): The average audience engagement rate is 6.15%. Within the first 24 hours after publication, content typically collects 3.12% reactions from the total number of subscribers.
- Post reach: On average, each post receives 1 113 views. Within the first day, a publication typically gains 565 views.
- Reactions and interaction: The audience actively supports content: the average number of reactions per post is 6.
- Thematic interests: Content is focused on key topics such as figma, gemini, png, графика, angles.
📝 Description and content policy
The author describes the resource as a platform for expressing subjective opinions:
“Присоединяйтесь к нашему каналу и погрузитесь в мир дизайна
Cсылка для друзей: https://t.me/+kH_SR315BCk2YjUy
Связь: @devmangx
РКН: https://clck.ru/3Foc9k”
Thanks to the high frequency of updates (latest data received on 12 June, 2026), the channel maintains relevance and a high level of publication reach. Analytics show that the audience actively interacts with content, making it an important point of influence in the Art & Design category.
18 090
Subscribers
-2524 hours
-1557 days
-70730 days
Posts Archive
18 090
Прокачай чувство UI-анимации 💪
Набор быстрых упражнений для тренировки навыка motion design: ищешь ошибки в анимации, называешь их и исправляешь.
→ https://emilkowal.ski/ui/train-your-judgement
Автор: Emil Kowalski
👉 @PortalToDesign
18 090
В Figma появился новый инструмент для автоматизации рутинных задач — Check Designs.
Теперь проверка макета на соответствие дизайн-системе занимает считанные секунды.
Чтобы проверить фрейм, просто нажмите правой кнопкой мыши и выберите Check Designs.
Инструмент мгновенно подсветит:
Стили и переменные: привязаны ли цвета и типографика к вашим Libraries.
Доступность: соответствуют ли цвета требованиям по контрастности.
Консистентность: совпадают ли отступы и радиусы скругления с настройками дизайн-системы.
Состояние компонентов: есть ли «отсоединённые» (detached) компоненты, которые требуют обновления.
Все найденные проблемы можно исправить в один клик, а после завершения проверки — изменить статус макета на Ready for dev.
Функция доступна для всех платных подписок Figma.
👉 @PortalToDesign
18 090
Совет по дизайн-инжиринг:
Отделяйте объект от его тени.
Когда элемент приподнимается над поверхностью, тень не обязана двигаться вместе с ним. Если оставить тень на месте и постепенно уменьшать её интенсивность по мере удаления объекта, можно добиться более убедительного ощущения глубины и физичности.
При аккуратном использовании этот приём делает интерфейс более осязаемым и помогает избежать ощущения, будто перед пользователем просто набор слоёв, парящих в воздухе.
Я бы не применял это повсюду, но в местах, где нужен дополнительный акцент, эффект может оказаться очень выразительным.
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"
}
);18 090
Совет: не допускайте повторного переноса текста при появлении полосы прокрутки.
Использование
scrollbar-gutter: stable решает эту проблему.
👉 @PortalToDesign18 090
18 090
Лето начинается: водные развлечения, гриль на острове и новые маршруты в бутик-отеле «Заонежье»
Для гостей бутик-отеля «Заонежье» к новому сезону подготовлены лесные трассы для первых заездов на новых квадроциклах — они позволяют исследовать дикие уголки карельской тайги и скалистые берега озер. Велопрогулки по дорогам Заонежья стали еще комфортнее благодаря электробайкам, которые этой весной пополнили велопарк отеля.
В мае, в отеле открылся сезон водных развлечений: гостям доступны сапы, каяки и весельные лодки. В этом году пользование ими - комплементарное для всех гостей. Также появились новые маршруты для катеров по заливам Онежского озера.
Ресторан «Руна» представляет летнюю серию гриль-сетов, которые можно приготовить самостоятельно на одном из необитаемых островов или устроить барбекю на лужайке у дома. В меню — овощные и рыбные сеты, а также мясное ассорти.
Бутик-отель «Заонежье» приглашает к активному отдыху среди озер и северной природы Карелии.
18 090
Похоже, работать с OKLCH-цветами в терминале стало заметно удобнее.
oklch-skill добавляет нормальный workflow для работы с современными цветовыми палитрами прямо из терминала, без постоянных прыжков между браузером, дизайн-инструментами и генераторами цветов.
Для тех, кто использует OKLCH в интерфейсах, дизайн-системах или Tailwind-проектах, выглядит как довольно полезный инструмент.
npx skills add jakubkrehel/oklch-skill
https://github.com/jakubkrehel/oklch-skill
👉 @PortalToDesign
18 090
Кажется, morphing braille loader постепенно становится новым стандартом.
Очень круто выглядит сочетание брайлевского лоадера с плавным морфингом текста.
Такие мелочи редко влияют на функциональность, но интерфейс сразу ощущается более живым и продуманным.
👉 @PortalToDesign
18 090
Много экспериментировал с liquid glass для веба в прошлом году, используя CSS + SVG
Ключом к кроссбраузерности стал переход с
svg backdrop-filter на обычный filter, а также синхронизация текстур карты смещения (displacement map)
👉 @PortalToDesign
18 090
Reve 2.0 тихо зарелизили.
Бесплатная модель для генерации изображений, которая продолжает удивлять.
Что нового:
• теперь сначала строит layout сцены, а уже потом рендерит изображение
• из-за этого гораздо проще править отдельные объекты и детали
• сразу генерирует в 4K
• отлично справляется с интерфейсами и текстом на картинках
• работает заметно быстрее многих конкурентов
На сложных сценах всё ещё встречаются артефакты, но для бесплатной модели результат выглядит слишком хорошо.
Похоже, разрыв между бесплатными и платными генераторами изображений становится всё меньше.
Попробовать можно здесь:
https://blog.reve.com/posts/the-layout-bet/
👉 @PortalToDesign
18 090
При анимации weight вариативного шрифта не забывайте одновременно уменьшать optical sizing, чтобы сохранять ширину текста.
👉 @PortalToDesign
18 090
Рецепт плавного появления попапа
opacity + scale + смещение по оси Y (translateY) + blur (размытие)
👉 @PortalToDesign
18 090
ASCIInator
Превращает изображения в ASCII-графику: можно настроить шрифт, размер и цвет текста, а результат экспортировать в SVG или PNG. Отлично для ретро-интерфейсов и необычного текстурного визуала.
👉 @PortalToDesign
18 090
3dsvg — бесплатный сервис для создания 3D объектов из SVG изображений.
👉 @PortalToDesign
18 090
gr iii d — бесплатный редактор для создания собственных листов для блокнота, можно скачать как пдф или сразу распечатать
👉 @PortalToDesign
18 090
+8
Всё что вам нужно знать о лицензиях на шрифты для дизайнеров.
👉 @PortalToDesign
