Figma : делаем красивые схемы и инфографику
🎨 Figma : делаем красивые схемы и инфографику
Я долгое время думал, что для нормальных схем и картинок нужны Photoshop или CorelDRAW. Но потом попробовал Figma - и понял: это идеальный инструмент. Быстро, удобно, не требует лицензий на $500, всё в браузере или десктопе, и главное - легко освоить.
Эта статья - для всех кто работает с инфографикой, : чтобы сделать картинку для Telegram, инфографику для документации или схему сети, не тратя полдня на рисование.
🔧 Почему Figma - топ для админов
🖥 Работает в браузере (есть десктоп): не надо ставить монстров вроде Photoshop.
🆓 Бесплатно для большинства задач - платные тарифы нужны только для больших команд.
⚡️ Лёгкий вход: через 30 минут можно уже делать нормальную картинку.
🌍 Совместная работа: если нужно - можно делиться проектами с коллегами.
📦 Тысячи плагинов и шаблонов: иконки, карты, библиотеки компонентов - всё бесплатно.
🛠 Базовые фишки Figma
Если ты никогда не открывал Figma - вот минимум, который тебе нужен:
F - Рамка (Frame) - основа любого макета
V - Выделение объектов
T - Текст
Shift+O - Создаёт отдельный фрейм для экспорта
Alt+Drag - Копирует объект
Ctrl+D - Дублирует
Ctrl+/ - Поиск по командам (удобно для новичков как я)
💡 Лайфхак: Фреймы - это страницы. На каждый проект (схема, картинка) делай свой фрейм, так проще экспортировать.
📦 Плагины, которые сэкономят тебе кучу времени
Material Design Icons - библиотека иконок, не нужно рисовать ничего самому.
Autoflow - быстро соединяет блоки стрелками (идеально для схем).
Remove BG - удаляет фон с картинок прямо в Figma.
Unsplash - бесплатные стоковые картинки.
Mapsicle - вставляет карты (если делаешь схемы по локациям).
⚙️ Auto Layout: чтобы блоки не прыгали
Auto Layout - это автолинейка для блоков. Включаешь, задаёшь отступы - и всё ровно по сетке.
Выделяешь группу → нажимаешь Shift+A → Figma сама выставляет отступы и выравнивание.
Полезно для списков, карточек или инфографики.
🗂 Компоненты: секрет скорости
Если рисуешь много одинаковых элементов (серверы, коммутаторы, камеры):
Создаёшь один раз → делаешь Create Component.
Потом вставляешь копии (Instances) → меняешь текст, цвет, не ломая стиль.
🖼 Экспорт для Telegram и документации
Выделяешь фрейм → справа выбираешь Export → PNG или JPG.
Если делаешь инфографику для Telegram:
Ширина 1280 px идеально подходит под посты.
Можно делать SVG для документации или печати.
⚡️ Мой рецепт «схемы за 15 минут»
Нарисовать фрейм 1280 px (под Telegram).
Раскидать блоки серверов/свитчей (компоненты).
Соединить стрелками (Autoflow).
Подписать текстом.
Экспортировать PNG → закинуть в пост.
🔥 Лайфхаки от практика
Цветовые коды VLAN или подсетей: создаёшь палитру и используешь везде.
Подписи делай с размером 20–24 px, чтобы читалось с телефона.
Используй сетку (Shift+G) - помогает держать элементы ровно.
Не бойся плагинов: Figma - это конструктор Lego, всё готово для тебя.
Делай отдельный проект «Иконки и шаблоны» - копируешь оттуда в новые схемы.
🎯 Итог
Figma - это инструмент, который экономит часы времени. Если ты админ, инженер или технарь, тебе не надо становиться дизайнером. Но с Figma ты сможешь за 10-15 минут сделать:
инфографику для Telegram,
сетевую схему для документации,
картинку для статьи,
презентацию для клиента.
Попробуй: зарегистрируйся на figma.com, создай новый проект и просто нарисуй свой офис или серверную.
Ставь 🔥 если нравится разнообразие
NoWiresAdmin
#figma #обовсем
