📂 История жизни одного макета

Аня, маркетолог команды цифровой трансформации Ареал, рассказала о системе правил для дизайн-процессов, которая сложилась за 20 лет работы компании. Команда создала единые стандарты работы в Figma: от маркировки файлов до статусной модели макетов. Каждый файл имеет маркеры (Kit, Int, S, A, Prez), цветовые теги и структурированные секции для разных этапов работы. Интерфейс проходит путь через секции Refs, Prototype, Design и Dev со статусами от Concept до Done. Для отслеживания изменений используют кастомные ворклоги и аннотации в Dev mode. Система позволяет легко подключать новых специалистов и работать с внешними подрядчиками без потери времени. Внутри: – Какие маркеры и теги использовать для файлов; – Зачем нужны секции Refs, Prototype, Design, Dev; – Семь статусов макета от концепта до продакшена; – Как работает кастомный ворклог для истории изменений; – Правила передачи макетов между этапами; – Процесс поддержки UI Kit для внешних подрядчиков. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

Prototype with variables in Figma

Want to get more confident with variables in prototyping? This lesson breaks it down in a super simple and practical way. It covers 4 types of variables you can use in Figma: 🎨 Colour 🔢 Number 🔠 String 🔘Boolean and how to use Conditionals 🔄 effectively in your prototype. Tips, examples, and a Figma file to follow along! 🎥 Watch now 📂 Figma file
Изображение поста

Prototype This! — плагин для создания анимированных презентаций прототипов

Изображение поста

Библиотека персонажей.

• Персонажи для B2B и B2C-проектов • Анимационные подсказки в шаблоне • Экспорт в Lottie для интерактивных презентаций #storyboard #ux #prototyping Открыть в Figma
Appello.com.au ищет продуктового дизайнера (Middle)
🟢 Вакансия открыта Зарплата: from 3500aud Грейд: Middle Кто ищет: HRD Тэги: #designer, #design, #дизайнер, #ищудизайнера, #удаленка Appello is looking for an exceptional full-time Mid-weight Product Designer to join our growing team. You will take projects from early concept through to final delivery, shaping UX and UI solutions, user flows, prototypes, testing and asset handover. You will work collaboratively across t... 👁👁 Откликнуться →
Изображение поста
Magic Animator is now LIVE ✨
Brought to you by Lottielab, this brand-new tool helps you animate your designs in just one click — right inside Figma. ✔️ Animate directly in Figma — no extra tools needed ✔️ Prototype micro-interactions in seconds ✔️ Speed up client approvals with animated previews ✔️ Export to Lottie, GIF, or MP4 — perfect for devs, decks, or Dribbble Try it now: 🔗 Magic Animator plugin
Макет музыкального приложения.
• Набор иконок. • Автоматическое оформление. • Компоненты и варианты. #app #uikit #prototype Открыть в Figma Иконки Figma
iOS 18 UI Kit для реалистичных прототипов.
• Готовые экраны с анимациями iOS 18 (разблокировка, запуск приложений) • Нативные жесты: переключение приложений свайпом, контекстные меню с тактильной отдачей • Интерактивная клавиатура с анимацией нажатий • Автолейаут, варианты и Smart Animate — без плагинов #ios #animate #prototype Открыть в Figma
Copy Prototype Link — плагин копирует ссылку Prototype на выбранный фрейм без переключения в режим презентации.
Изображение поста
ПРОКРУТКА ВНИЗ И СЛАЙДЕР В ФИГМА PROTOTYPE DESIGN TUTORIAL
Изображение поста
Вот мы и подобрались к его величеству - анимации в фигма💥
Шаг 1. Создаем круг, растягиваем его, делаем градиент (linear), размываем (layer blur-200) Шаг 2. Дублируем фигуру, удерживая alt либо с помощью CTRL+D, делаем другого цвета Шаг 3. Создаем frame телефона, делаем их 4 штуки Шаг 4. Вставляем во frame наши фигуры, но в каждом меняем расположение Шаг 5. Берем наш первый телефон, нажимаем на prototype, стрелочку направляем в сторону другого телефона. Настройки: after delay 1ms-smart animate #figma Нажимаем play и псё☄️ Автор: @zanderwhitehurst! Intelligent Design
Airmastr анонсировали модель Beneš - Mráz Be 50 Beta Minor - I. prototyp в 1/48 и 1/72 масштабах.
Изображение поста
Бесплатный шаблон дизайна для магазина женской одежды.
• Более 70 уникальных экранов • Полностью адаптивный • Гид по стилю • Набор иконок • Автоматическая компоновка • Компоненты и варианты • Интерактивный прототип • Стильные элементы дизайна • И многое другое. #UIkit #prototype #website #wireframe Открыть в Figma Иконки Figma
Prototype Exporter — плагин экспортирует ваш прототип сделанный в Figma и позволяет открывать его в любом браузере и без подключения к интернету.
Изображение поста
Prototype This! — плагин для создания анимированных презентаций прототипов
Изображение поста
Крутые анимации карточек.
• Анимация 4 карточек #animation #card #cool #prototype Открыть в Figma
High voltage button — анимация кнопки при наведении.
• Анимация стилизованная под электрический разряд. #animate #button #prototype Открыть в Figma 👨 Дизайн-телега
11 Smash & Style mockup
11 PSD prototype Smart layer double strike replacement 3328-4608px irregular Note: Does not include the design and font displayed by the prototype 📁 .psd ⬇️ Download | Partners |💎 VIP | UI8 🏷 MEGA Community | #mockup
Изображение поста
КАК СОЗДАВАТЬ ИНТЕРАКТИВНЫЕ ПРОТОТИПЫ В FIGMA 🚀
Хотите освоить создание интерактивных прототипов в Figma? Узнайте, как легко разрабатывать кнопки, прокрутку и поп-апы! 🌟 🔹 Настройки: Вкладка Prototype поможет вам настроить стиль и взаимодействия. 🔹 Кнопки: Не забудьте про кнопку «Назад» — просто добавьте взаимодействие! 🔹 Прокрутка: Задайте высоту фрейма больше экрана для плавной прокрутки. 🔹 Внутренние ссылки: Легко связывайте экраны, просто перетаскивая. 💬 Какой из элементов вам больше всего интересен? Делитесь в комментариях! #Figma #Прототипы #ГрафическийДизайн #UX #UI ПОДПИСАТЬСЯ | ЧАТ ДИЗАЙНЕРОВ | UMA
Изображение поста
One UI Design Kit.
• Полностью обновлённый набор, основанный на принципах дизайна Samsung One UI 7 • Включает компоненты для всех элементов интерфейса: от переключателей до текстов, ползунков и строк состояния • Более 800 иконок для использования в вашем дизайне • Обертки для кнопок и меню, упрощающие создание интерфейсов • Контейнеры для удобного перетаскивания элементов в проект • Прототип, демонстрирующий возможности набора дизайна #oneui #designkit #uxui #prototype Открыть в Figma