Figma

11 316 подписчиков
144 поста
Посты
Отличие Desktop и браузерной версии Figma.
Многие привыкли считать, что обычно если у приложения и есть браузерная версия, то она сильно обрезана в плане функционала нежели Desktop версия. С Figma всё не так! Спешим вам сообщить, что вы спокойно можете пользоваться браузерной версией Фигмы, потому что от Десктопной она не отличается практически ничем. Тот же функционал, такие же возможности, редактирование, плагины и плюшки, что и в Desktop версии. Единственное, заметное отличие — вкладки. Да-да, именно вкладки. В приложении Figma для ПК вы можете создавать несколько вкладок, и переключаться между ними ежесекундно, в браузерной версии к сожалению так делать нельзя. Для этого приходится выходить в главное меню и открывать новый проект заново. Поэтому, спокойно пользуйтесь любой версией Фигмы, но для удобства мы бы посоветовали — Desktop версию.
Изображение поста
Toolkit — набор инструментов для мозгового штурма в Figma.
Uranus — набор из более чем 140 современных элементов пользовательского интерфейса.
ui8.net/simmmple/products/uranus-wireframe-kit
Atlas — удобное управление темами в Figma.
jwels.berlin/atlas
Эффект Шума/Зернистости.
Плагин Noise добавляет эффект шума. Перевод настроек плагина: Для начала нужно задать размер создаваемого слоя — W (Width) и H (Height). Три ползунка помогают более гибко настроить создаваемый слой: Density — отвечает за плотность зернистости Contrast — контраст Scale — масштаб Переключатель Invert — меняет белое на чёрное. Ссылка на скачивание плагина — figma.com/noise
Изображение поста
Personas — создавайте красивые профили пользователей в Figma.
uxkits.com/products/personas
Создаем эффект частичного размытия с помощью плагинов в Figma.
Flow+Figma — инструмент поможет анимировать ваш проект из Фигмы.
createwithflow.com
Crafttor — плагин с готовыми иллюстрациями для Figma.
Paca — бесплатный набор из 1700 смайлов для Фигмы.
pacaproduct.com/free-emoji-pack
Где бесплатно искать и скачивать иконки в SVG формате?
THENOUNPROJECT — представляет более трёх миллионов иконок. В бесплатном тарифе можно скачивать иконки в SVG формате, но только в чёрном цвете. После скачивания у вас будет возможность изменить цвет на любой желаемый! Ссылочка — THENOUNPROJECT
Изображение поста
Figma Gallery — красивые векторные иллюстрации, созданные в Figma.
figma.gallery
🪴Достойный аналог Pinterest, сервис для вдохновления дизайнеров SAVEE ⤷Посмотреть сайт #Вдохновение
Изображение поста
Avocode — конвертируйте любой дизайн Figma в Sketch за секунды.
avocode.com/convert-figma-to-sketch
Изображение поста
Elevation Scale — плагин для создания системы теней.
Будьте в курсе трендов корпоративных коммуникаций!
💰 Хотите знать, как сделать общение в команде эффективнее? Ищете способы оптимизировать рабочие процессы? ⚡ В канале VK WorkSpace делимся инсайтами о трендах коммуникаций, кейсами компаний, внедривших платформу, и анонсами новых сервисов для продуктивной работы в организациях любого масштаба — от стартапов до корпораций. ✅ Подписывайтесь и получайте приглашения на вебинары, где эксперты расскажут, как вывести командную работу на новый уровень! Подписаться #реклама 16+ О рекламодателе
Изображение поста
OFFICE Вдохновляющий веб-сайт дизайнерского агентства, использующий akkurat в качестве основного шрифта.
Types: Agency, Design Styles: Dark, Fun, Black & White Fonts: Akkurat, Gascogne
DarkFigma — добавит тёмную тему в Figma.
darkfigma.com
Форматы иконок.
Форматы иконок делятся на два типа — Растровый и Векторный. Растровый — очень прост в использовании, состоит из точек. В него входят - файлы с непрозрачным фоном JPEG, файлы с прозрачным фоном PNG и GIF файлы. Векторный — менее распространён, чем предыдущий, но набирающий популярность формат, состоящий из фигур. В него входят - SVG и AI файлы. Самое главное отличие этих форматов — масштабирование. При масштабировании растровых иконок пропадает чёткость и качество, появляются заметные пиксели, которые делают неприятно глазам пользователя. У векторных иконок всё куда проще, при изменении масштаба иконок сохраняется её качество и чёткость. Исходя из всего вышеперечисленного — каждый из вас может сделать выбор, какой формат иконок использовать в своих проектах 🙂
Изображение поста