Веб дизайн в Figma
43K subscribers
7.49K photos
897 videos
2 files
4.11K links
Сотрудничество: @design_manager_bot

На канале ты найдешь статьи, дизайн системы, видео уроки, ui kit и массу полезных ссылок на ресурсы для веб дизайнера и обучения этой профессии

Сайт: https://dsgners.ru

Мы в реестре: https://vk.cc/cGfkRd
Download Telegram
#Мокапы
Крутой и бесплатный генератор мокапов

Генератор тут
#Плагины
3 Плагина, которые помогут тебе быстренько находить и использовать различные не стандартные символы

Glyphs
Glyph Picker
Unipaste
This media is not supported in your browser
VIEW IN TELEGRAM
#Фишки

Если при выделении часть элементов не захватилась, вы можете зажать Space, передвинуть рамку выделения с захватом упущенных объектов, и протянуть выделение дальше. Работает не только в Figma.

Так же можно перемещать фигуры в процессе их создания.

При перемещении объекта с зажатым пробелом отменяется автоматическое вложение объекта во фрейм или в зону auto-layout.
This media is not supported in your browser
VIEW IN TELEGRAM
#Сервисы
Создатели заявляют, что это первый генератор дизайн систем. Остальные фишки теряются на фоне этого заявления

Естественно, софт платный $89, если я не ошибаюсь

Сайт тут
This media is not supported in your browser
VIEW IN TELEGRAM
#Фишки #hotkey

Для быстрого переименования элементов нажмите Ctrl/Command+R.
Для перехода на слой ниже текущего просто нажмите Tab, выше — Shift+Tab.
👍1
#uikit
Свежий uikit на 45 виджетов

uikit тут)
#Плагины

Плагин — каталог плагинов. Удобный поиск по темам и прочим параметрам

Плагин тут
#Иллюстрации
80 бесплатных иллюстраций для твоих проектов

Иллюстрации тут
This media is not supported in your browser
VIEW IN TELEGRAM
#Сервисы
Простой сервис для создания презентаций.
Есть бесплатная версия, а есть и платная. Цены на подписку колеблются от 11 до 15 баксов

Сервис тут
👍3👎1
This media is not supported in your browser
VIEW IN TELEGRAM
#Фишки #hotkey

Для быстрого выделения фрейма можно нажать ПКМ на элементе с зажатым Ctrl/Command и выбрать нужную строчку в меню.

При выделении элемента вы можете выделить группу/фрейм, в которой он находится. А потом группу/фрейм в которой находится эта группа и так далее. Для этого используйте сочетание Shift+Enter. При каждом нажатии выделение будет идти выше по иерархии.
Если просто нажимать Enter, то выделение будет спускаться по иерархии вниз
👍7
Навигация по каналу

#Плагины #Плагин — короткое описание возможности полезного плагина и ссылочка на него
#Фишки — посты с описанием полезных фишек Figma и где их можно применить
#Сервисы — ссылки на сторонние сервисы на просторах интернета. Сервисы на разные тематики и с разными возможностями. Стараюсь подбирать как можно более полезное, качественное и нужное
#Иконки — ссылки на паки иконок. Как внутри самой фигмы(просто файлы или в community), так и на сторонние сайты с иконками
#hotkey — посты с горячими клавишами и описанием их применения
#jms — серия постов в которых описаны различия между джуном/начинающим, мидлом/средненьким и сеньором/опытным дизайнерами да и не только дизайнерами. Посты субъективные от компании к компании роли и задачи персонажей могут отличаться.
#Material — серия постов с описанием гайдлайнов от гугла
#Иллюстрации — ссылки на паки иллюстраций. Как внутри самой фигмы(просто файлы или в community), так и на сторонние сайты с иллюстрациями
#Вдохновение — ссылки на качественные работы по мнению админа, которыми можно вдохновиться и увидеть в них что-то новенькое и интересное
#годнота — супер-полезное что-угодно. Опять же, по мнению админа
#money — помечаются посты с платными сервисами, наборами графики и прочими полезностями. Помни, что у всего платного есть бесплатный тестовый период или демо версия.
#uikit — посты со ссылками на ui kit разного качества и содержания
#Игра — посты с играми для дизайнера
#Мокапы — ссылки на сторонние сервисы с мокапами или на файлы/плагины внутри самой Figma
#инпут — серия постов о правильном создании инпутов
#задачи — посты с задачами на знание фигмы для подписчиков
#product — серия постов о работе продуктового дизайнера и ux исследованиях
#token — разбираемся с тем что такое токены
#design_ca — наблюдения североамериканского дизайна

Посты без тега, скорее всего, рекламные или те, где админ забыл поставить тег
👍73👎5
Веб дизайн в Figma pinned «Навигация по каналу #Плагины #Плагин — короткое описание возможности полезного плагина и ссылочка на него #Фишки — посты с описанием полезных фишек Figma и где их можно применить #Сервисы — ссылки на сторонние сервисы на просторах интернета. Сервисы на…»
#Material
Сенсорные цели применяются к любому устройству, которое поддерживает как сенсорный, так и несенсорный ввод. Для баланса плотности информации и удобства использования, размер сенсорных целей должен быть не менее 48x48 dp/pt и не менее 8 dp/pt расстояния между ними.

Обрати внимание на то, что сенсорные цели НЕ равны самому элементу. Сенсорная цель — это та область которая будет взаимодействовать с пользователем. Создавая интерфейс, особенно мобильный, помни, что далеко не у всех такие нежные и тонкие пальчики, как у тебя
👍2
#Иконки
Набор из 180и иконок
Внутри контурные и залитые иконки в двух цветах
Все в компонентах

Иконки тут
👍3
@uiwebdesignbest На этом канале ты найдешь тщательно подобранные работы для вдохновения с описанием. Работы публикуются на разные тематики в разных стилях. Крайне полезно для прокачки насмотренности

Подписывайся на канал @uiwebdesignbest
This media is not supported in your browser
VIEW IN TELEGRAM
#Фишки #hotkey

Чтобы узнать сколько ресурсов использует фигма на данный момент, зайди в команды Ctrl+/ и введи Resource use,
Откроется небольшая панель, которая покажет сколько всего слоев в проекте, какой объем ОЗУ используется и динамический параметр распределенная/освобожденная память.
Скрывается панель двойным кликом.
👍7
This media is not supported in your browser
VIEW IN TELEGRAM
#Фишки #hotkey

Figma позволяет удобно массово блокировать и разблокировать слои. Для этого проведите по слоям напротив замка.

Аналогично работает и на отображение слоев через иконки глаза рядом с замком блокировки.


Чтобы разблокировать ВСЕ слои:

• Используй команду Ctrl/Command+Alt+Shift+L
• Открой меню фигмы или используй сочетание Ctrl/Command+/ и впишите в строку команду Unlock all objects.

PS Некоторые горячие клавиши Figma могут не корректно работать из-за того, что эти же хоткеи используются другими приложениями.
👍4
#Игра
Игра, в которой тебе нужно угадывать высоту и ширину объекта. Оказывается, не так-то это и просто

Игра тут
👎1
#uikit
5 шаблонов дашбордов для FIgma

Шаблоны тут
#Плагины
Забываешь вовремя создавать компоненты?
Этот плагин поможет тебе — он создаст компонент из объекта, а все остальные такие же объекты сделает его инстансами.

Плагин тут
👍3
#Иконки
Интересный проект - набор иконок чашечек кофе и чая

Иконки тут
👍4