Variables: автоматизация проектирования дизайн-макетов

Узнайте, как эффективно создавать и использовать один цвет для различных элементов в дизайне. Почему создание единого стиля важно и как его применять Читать на дизайнерс #статья 🅰️ Новые шрифты
Изображение поста

Colors to named variables

Плагин «Цвета в именованные переменные» Figma для преобразования всех используемых цветов в переменные цвета в Figma. #figma #plugin
Изображение поста

Сегодня, как и Алика, попалась. Смотрю портфолио одного диза, думаю: что за шрифт такой стильный? Врубаю Font Ninja, и как вы думаете кто там??? Конечно же Inter

Inter сам по себе прикольный базовый шрифт, многие дизы его любят! Но оказывается можно сделать его еще круче, с помощью таких настроек: Figma version: – В настройках шрифта зайди в Details – Включите Stylistic alternates – Включите single-storey "a" (буква a станет однопалочной) – Трекинг на -2 и всё сразу выглядит собранно и стильно! – Там же в настройках зайдите во вкладку Variable и поиграйте с настройками. Можно задавать толщину/вес (от 100 до 900) и наклон от 0 до -10 градусов Интересные факты: - Первое название шрифта было "Interface", потому что он создавался именно для UI-дизайна – Шрифт создан дизайнером Расмусом Андерссеном при работе над интерфесом для Figma, он делал подобную задачу впервые! Так что Inter это системный шрифт Figma, а так же основной шрифт платформы Notion и многих других диджитальных продуктов – У него полностью открытая лицензия (SIL Open Font License) можно использовать и в коммерческих проектах, и в продакшене без ограничений 💫 Как вы относитесь к этому шрифту? Успел надоесть как Montserrat или пока ещё нет?
Изображение поста

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
Изображение поста
Variables to Table — плагин преобразует переменные в виде таблицы.
Изображение поста
Apply Variables — плагин для преобразования примененных стилей в переменные Figma.
Изображение поста
Variables: автоматизация проектирования дизайн-макетов
Узнайте, как эффективно создавать и использовать один цвет для различных элементов в дизайне. Почему создание единого стиля важно и как его применять Читать на дизайнерс #статья 🧿 Cinema 4D
Изображение поста
Variablize Text Styles —
Плагин преобразует локальные текстовые стили в переменные Install 😗 Фигмач
🧰 Component Variables — удобная панель для работы с элементами в компоненте
Изображение поста
Palettes Variables — создание и синхронизация цветовых тем используя переменные.
Минутка типографики:
Знаменитая и любимая многими студия Feixen славится интерактивными экспериментами с шрифтами и всякой динамической типографикой и шрифтокинетикой. Выпустили недавно шрифт Mov Variable сама презентация которого это отдельный проудкти дизайна и пример креативности. Дизайнеры Felix Pfäffli, Robin Eberwein студии Feixen. Моей личной страстью уже давно являются презентации шрифтов, это всегда ответственно как проукт от одних дизайнеров для других. Там свои критерии. Вот PDFка презентации. Обязательно сохраните к себе и тихо вечерами учитесь дизайнерской крутости. Покликать и полюбоваться можно здесь fonts.studiofeixen.ch/mov
Apply Variables — плагин для преобразования примененных стилей в переменные Figma.
Изображение поста
Palettes Variables — создание и синхронизация цветовых тем используя переменные.
Astute Graphics Plug-ins Elite Bundle 4.3.0 Win
🟡 Создатели отмеченных наградами, экономящих время и творческих инструментов, таких как Phantasm, VectorScribe, WidthScribe и многих других. Получите полный набор подключаемых модулей и трансформируйте свой рабочий процесс в Illustrator. Добавьте скорости, простоты и точности со всеми нашими подключаемыми модулями и станьте элитным пакетом подключаемых модулей Astute Graphics! - AstuteBuddy - Keyboard shortcut panel - Autosaviour - Autosave, backups + reminders - DirectPrefs - Nudge distance, angles + guides - ColliderScribe - Precise alignment + selection - DynamicSketch - Intuitive vector sketching - FindReplace - Instantly locate + modify objects - InkFlow - Drawing + lettering in one tool - InkQuest - Pre-press controls and checks - InkScribe - Precise path creation - MirrorMe - Instant symmetry - Phantasm - Instant color control + halftone - Rasterino - Image crop + editing - Stipplism - Live stipple effect - Stylism - Live effects made easy - SubScribe - Create accurate artwork - Texturino - Textures + opacity brush - VectorFirstAid - Clean up vector documents - VectorScribe - Editing, shapes, corners + measure - WidthScribe - Variable stroke width effects - Reform - Shape + manipulate + Texturino Texture Packs - Pro Источник 💾 ССЫЛКА 💬 Комментарии ➡️КАНАЛ⬅️ #plugins #Adobe #Illustrator #free #бесплатно
Variables: автоматизация проектирования дизайн-макетов
Узнайте, как эффективно создавать и использовать один цвет для различных элементов в дизайне. Почему создание единого стиля важно и как его применять Читать на дизайнерс | #статья
Изображение поста
Variables: автоматизация проектирования дизайн-макетов
Узнайте, как эффективно создавать и использовать один цвет для различных элементов в дизайне. Почему создание единого стиля важно и как его применять Читать на дизайнерс | #статья
Изображение поста
Variables: автоматизация проектирования дизайн-макетов
Узнайте, как эффективно создавать и использовать один цвет для различных элементов в дизайне. Почему создание единого стиля важно и как его применять Читать на дизайнерс | #статья
Изображение поста
Variables: автоматизация проектирования дизайн-макетов
Узнайте, как эффективно создавать и использовать один цвет для различных элементов в дизайне. Почему создание единого стиля важно и как его применять Читать на дизайнерс | #статья
Изображение поста
Variables: автоматизация проектирования дизайн-макетов
Узнайте, как эффективно создавать и использовать один цвет для различных элементов в дизайне. Почему создание единого стиля важно и как его применять Читать на дизайнерс | #статья
Изображение поста
Variables: автоматизация проектирования дизайн-макетов
Узнайте, как эффективно создавать и использовать один цвет для различных элементов в дизайне. Почему создание единого стиля важно и как его применять Читать на дизайнерс | #статья
Изображение поста