Набор графиков.
• Настроены на переменных (цвета, данные, оси)
• 5 типов: столбчатые, круговые, линейные
#charts #data #responsive
Открыть в Figma
🔥 Call Out Titles with Tracker — когда твои подписи не просто "подписи", а инструмент точечного доминирования 😎
Вот он, тот самый универсальный шаблон, который нашёл во время прошлого поста. Подходит, если проект крупный, а колаутов хочется много и везде.
8 полностью адаптивных колаутов, 2 типа трекеров, возможность вставить текст, числа, валюту, логотип или даже свою грусть от четвёртой правки.
🧠 Почему этот шаблон пинает скучные титры с таймлайна:
— Edit only: всё редактируется прямо в монтажке. Fusion остался за кадром.
— 2 типа трекеров: хочешь, чтобы двигалось всё? Или только точка? Выбираешь сам.
— Кастомизация цифр: добавляй $, км/ч, %, даже bpm — вдруг тебе важно, как быстро бьётся сердце в рендере.
— Можно вставить лого или картинку: и больше не объяснять клиенту, где его бренд.
— Responsive до последнего пикселя: от Reels до 4K, он адаптируется сам — как ты в понедельник утром.
#титры #эффекты
🛒 Купить тут
📥 Скачать тут
DesignRocket Responsive Charts 1.0 — Дизайн система с большим количеством диаграмм
🔥 Number Callouts: когда цифры не стесняются быть в центре внимания🔥
Ситуация: клиент просит «покажи, что тачка делает 0–100 за 5,5 секунд», а ты уже третьи сутки пялишься в таймлайн как в стену. Решение: 4 вызывающе-дерзких колаута, которые сами прыгают на нужное место, указывают красной точкой и тараторят цифры так, будто вчера окончили курсы стендап-математики.
🤘 Почему этот макрос спасёт твою монтажную душу:
— Прямо в Edit: крути текст, цвета, шрифты – в Fusion лезть не придётся (ладошки остаются чистыми😎).
— Встроенный трекер: цепляется к объекту как кофе к твоей руке в дедлайн; линия тянется, цифры пляшут.
— Words/Characters animation: буквы появляются по одной, словно считают калории перед летним сезоном.
— Responsive design: сам подстраивается под 4K, HD, хоть под кассетный VHS – лишь бы Resolve был 19+.
#эффекты
🛒 Купить тут
📥 Скачать тут
P.S. Пока писал про это, нашёл ещё один более универсальный шаблон с кучей колаутов — чуть позже скину. Он прям огонь, если нужен масштабный проект.
Готовая дизайн-система – 100+ компонентов.
• 100+ адаптивных компонентов (кнопки, чекбоксы, окна)
• Построено на Auto Layout и вариантах (Variants)
• Умные таблицы с продуманным выравниванием
#designsystem #autolayout #responsiveui
Открыть в Figma
Responsive — просмотр адаптивности макета прямо в Figma.
Полезное дизайнеру
Бесплатный инструмент Responsively App с открытыми исходниками для просмотра сайтов и приложений в разных размерах одновременно.
🟩 Rectangle. Подписаться
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 💭
Responsive — просмотр адаптивности макета прямо в Figma.
#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
Адаптив — это не «сжать до 320px». Это переделать под задачу
Плохой адаптив: просто уменьшили, всё уместилось, работает.
Хороший адаптив: каждый экран — с прицелом на контент и цель пользователя.
🔧 Сделай так:
— Убери лишнее на мобиле. Покажи только ключевые действия.
— Заголовок из трёх строк? Сделай в две. Меньше слов — больше смысла.
— Переставь блоки. Что важно — вверх. Остальное — в конец.
— Кнопки — на всю ширину, без мини-размеров «в палец».
— Отступы — не уменьшай. Лучше делай больше, чтобы не было каши.
— Формы — по одной колонке. Без "два поля в ряд" на 360px.
— В навигации — минимум: логотип, бургер, максимум 1 CTA.
📱 Адаптив — это не про пиксели. Это про удобство в моменте.
Разные экраны = разные сценарии. Думай как пользователь.
#адаптив #ux #вебдизайн #ui #responsive #webminute #дизайнбезболи
#AfterEffects #Текст
Responsive Multi-Line Text Messages.
Шаблон для создания анимации чата.
8 категорий сообщений, After Effects CC 2022+
Скачать 18,4 мб
📊 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
Responsively.
Создавайте адаптивные макеты легко.
Установить плагин 🔗
#Плагины
Responsive — просмотр адаптивности макета прямо в Figma.
Responsify — плагин полезен, когда необходимо быстро понять, как будет выглядеть проект на устройствах разных размеров. Можно протестировать как отдельную страницу, так и весь проект сразу
Адаптивы
Бесплатный инструмент Responsively App с открытыми исходниками для просмотра сайтов и приложений в разных размерах одновременно.
🟩 Rectangle. Подписаться
iPhone 6 Photorealistic Responsive Mock-Ups Vol.2
💾 Скачать и использовать
https://yadi.sk/d/3jlLaKayDcOd8Q
🔎 Посмотреть описание
https://elements.envato.com/ru/iphone-6-photorealistic-responsive-mock-ups-vol-2-9CWMUK
#статичный #интерфейс
-----
Больше мокапов: @Хранитель Мокапов
💙Freepik
#UI8 #Figma #Dashboard #Task #Project #UI #Design
Protask Project Management Dashboard UI Kit
Protask is Project Management Dashboard UI Kit with clean, neat, and modern design. Protask UI Kit contains 75+ high-quality screens with 35 dashboard view and 35+ mobile responsive view.
@iReponline
