Категории

Каналы

59 Charts UI Responsive Components Chart.js Chartist Apex Charts and Recharts

💾 Скачать и использовать https://www.figma.com/community/file/1136725187967938411/59-charts-ui-responsive-components-chart-js-chartist-apex-charts-and-recharts">https://www.figma.com/community/file/1136725187967938411/59-charts-ui-responsive-components-chart-js-chartist-apex-charts-and-recharts 🔎 Посмотреть описание https://www.figma.com/community/file/1136725187967938411/59-charts-ui-responsive-components-chart-js-chartist-apex-charts-and-recharts">https://www.figma.com/community/file/1136725187967938411/59-charts-ui-responsive-components-chart-js-chartist-apex-charts-and-recharts #uikit #figma

🔥Новое видео на канале.

Сегодня поговорим о стандартных блочных темах без Гриншифта. А что возможно кому то это очень пригодится, хотя и в Гриншифте мы часто используем навигацию из стандартного набора. Так вот у стандартных блочных тем не предусмотрели возможно для каждого текстового элемента делать адаптивные шрифты, а я к примеру хочу чтобы в меню мобильного телефона шрифт был крупный! а на декстопе мелкий. Тут уже Rem значением не обойдешься. Поэтому я и нейросеть сделали для вас плагин расширяющий возможности ВордПресс. Как пользоваться рассказал в Видео Ютуб https://youtu.be/5VI0dRZSxTY ВК https://vkvideo.ru/video-210795154_456239236 00:00:00 О чем видео 00:01:10 Плагин Frila Advanced Responsive 00:00:04 Тестируем плагин Скачать плагин можно тут https://frila-wordpress.ru/plagin-adaptivnosti-v-blochnyh-temah/

Уха дизайнера

Гайды

22 д.

@uha_dsgn

Набор графиков.

• Настроены на переменных (цвета, данные, оси) • 5 типов: столбчатые, круговые, линейные #charts #data #responsive Открыть в Figma

Video is not supported

Шаблоны для DaVinci Resolve

Раздачи

23 д.

@davinci_pack

🔥 Call Out Titles with Tracker — когда твои подписи не просто "подписи", а инструмент точечного доминирования 😎

Вот он, тот самый универсальный шаблон, который нашёл во время прошлого поста. Подходит, если проект крупный, а колаутов хочется много и везде. 8 полностью адаптивных колаутов, 2 типа трекеров, возможность вставить текст, числа, валюту, логотип или даже свою грусть от четвёртой правки. 🧠 Почему этот шаблон пинает скучные титры с таймлайна: — Edit only: всё редактируется прямо в монтажке. Fusion остался за кадром. — 2 типа трекеров: хочешь, чтобы двигалось всё? Или только точка? Выбираешь сам. — Кастомизация цифр: добавляй $, км/ч, %, даже bpm — вдруг тебе важно, как быстро бьётся сердце в рендере. — Можно вставить лого или картинку: и больше не объяснять клиенту, где его бренд. — Responsive до последнего пикселя: от Reels до 4K, он адаптируется сам — как ты в понедельник утром. #титры #эффекты 🛒 Купить тут 📥 Скачать тут

Video is not supported

Figma Дизайн

Гайды

23 д.

@figmadsgn

DesignRocket Responsive Charts 1.0 — Дизайн система с большим количеством диаграмм

Install 🖼️Figma Дизайн

Шаблоны для DaVinci Resolve

Раздачи

24 д.

@davinci_pack

🔥 Number Callouts: когда цифры не стесняются быть в центре внимания🔥

Ситуация: клиент просит «покажи, что тачка делает 0–100 за 5,5 секунд», а ты уже третьи сутки пялишься в таймлайн как в стену. Решение: 4 вызывающе-дерзких колаута, которые сами прыгают на нужное место, указывают красной точкой и тараторят цифры так, будто вчера окончили курсы стендап-математики. 🤘 Почему этот макрос спасёт твою монтажную душу: — Прямо в Edit: крути текст, цвета, шрифты – в Fusion лезть не придётся (ладошки остаются чистыми😎). — Встроенный трекер: цепляется к объекту как кофе к твоей руке в дедлайн; линия тянется, цифры пляшут. — Words/Characters animation: буквы появляются по одной, словно считают калории перед летним сезоном. — Responsive design: сам подстраивается под 4K, HD, хоть под кассетный VHS – лишь бы Resolve был 19+. #эффекты 🛒 Купить тут 📥 Скачать тут P.S. Пока писал про это, нашёл ещё один более универсальный шаблон с кучей колаутов — чуть позже скину. Он прям огонь, если нужен масштабный проект.

Video is not supported

Уха дизайнера

Гайды

65 д.

@uha_dsgn

Готовая дизайн-система – 100+ компонентов.

• 100+ адаптивных компонентов (кнопки, чекбоксы, окна) • Построено на Auto Layout и вариантах (Variants) • Умные таблицы с продуманным выравниванием #designsystem #autolayout #responsiveui Открыть в Figma

Video is not supported

Плагины Figma

Гайды

80 д.

@pluginsfigma

Responsive — просмотр адаптивности макета прямо в Figma.

Install plugin 🗳 Плагины Figma

Video is not supported

Rectangle | Гайды

Гайды

86 д.

@figmarectangle

Полезное дизайнеру

Бесплатный инструмент ⁠Responsively App с открытыми исходниками для просмотра сайтов и приложений в разных размерах одновременно. 🟩 Rectangle. Подписаться

Interface designers

Новости

92 д.

@interfacedesigners

Welcome to the new era of Figma🔥

Here’s a quick recap of the biggest updates from #Config2025: 💻 Figma Sites – build and publish fully responsive websites directly in Figma. No code required. ⚙️ CMS for Sites (expected later this year) – update content visually, no coding needed. 🖌️ Figma Draw - gives finer control of vector editing and new tools for illustration: brushes, dynamic strokes, texture, noise, text on paths. Freehand drawing right in your design files. 📏 Grid - is a new auto layout option that helps designers create responsive designs. Span elements across multiple cells and watch layouts adjust in real time as frames are resized. 📝 Figma Make – a new promt-to-code capability to help designers quickly explore, iterate, and refine. 🐝 Figma Buzz – AI-assisted content generation & templates for teams creating content for social media. Which feature are you most excited about? Let’s discuss in the comments 💭

Video is not supported

Figma и точка

Гайды

93 д.

@figmaitochka

Responsive — просмотр адаптивности макета прямо в Figma.

Install plugin 💚 Figma и точка

Video is not supported

iRepo

Раздачи

93 д.

@iReponline

#UI8 #Wireframe #Figma

Flex: Figma Design System & Wireframe Kit Design faster without compromising on craft. This is a versatile Figma design system for UX/UI professionals, featuring fully-tokenised, responsive components, templates and documentation. It is packed with professionally crafted features to improve the quality, speed, and consistency of your work. @iReponline

Минутка веб-дизайна

Гайды

94 д.

@webminute

Адаптив — это не «сжать до 320px». Это переделать под задачу

Плохой адаптив: просто уменьшили, всё уместилось, работает. Хороший адаптив: каждый экран — с прицелом на контент и цель пользователя. 🔧 Сделай так: — Убери лишнее на мобиле. Покажи только ключевые действия. — Заголовок из трёх строк? Сделай в две. Меньше слов — больше смысла. — Переставь блоки. Что важно — вверх. Остальное — в конец. — Кнопки — на всю ширину, без мини-размеров «в палец». — Отступы — не уменьшай. Лучше делай больше, чтобы не было каши. — Формы — по одной колонке. Без "два поля в ряд" на 360px. — В навигации — минимум: логотип, бургер, максимум 1 CTA. 📱 Адаптив — это не про пиксели. Это про удобство в моменте. Разные экраны = разные сценарии. Думай как пользователь. #адаптив #ux #вебдизайн #ui #responsive #webminute #дизайнбезболи

Футажи и шаблоны | Videomix

Раздачи

97 д.

@futograf

#AfterEffects #Текст

Responsive Multi-Line Text Messages. Шаблон для создания анимации чата. 8 категорий сообщений, After Effects CC 2022+ Скачать 18,4 мб

Video is not supported

Interface designers

Блоги

97 д.

@interfacedesigners

📊 Designing Big Data Tables: UX/UI Essentials

🎯 Purpose-Driven Design: Understand your users (analysts, sales teams, or admins) to tailor the table's functionality. 👁‍🗨 Data Clarity: Ensure text is readable and numbers are properly formatted for easy scanning 🧑‍💻 User Workflows: Design for tasks like viewing, editing, or comparing data, incorporating inline editing and bulk actions where necessary ⛰ Visual Hierarchy: Use headers, alignment, and spacing to guide the user 📈 Scalability Features: Implement pagination, sticky headers, and frozen columns to manage large datasets effectively ⚙️Advanced Interactions: Provide multi-level sorting, dynamic filters, and column customization for enhanced user control 🏎 Performance Optimization: Utilize libraries like AG-Grid, DataTables.js or Material-UI Table to handle large data efficiently 📲 Mobile Responsiveness: Prioritize essential data for smaller screens Check out the full article: 🔗 Link 🔗 Tap 👍 if you found this useful