Видеоурок Теплицы: FigJam — дополнение к Figma не из области векторной графики
Figma — отличный инструмент для работы с векторной графикой. И казалось бы, если Figma и будет развиваться дальше, то именно в этом направлении. Но с выпуском дополнения FigJam это утверждение оказывается под вопросом.
Figma Jam — это инструмент для проведения онлайн-совещаний, митапов, мозговых штурмов. И хотя там также есть элементы векторной графики, Figma удалось отойти от классического дизайнерского приложения и выпустить по сути новый инструмент, решающий совершенно другие задачи.
Поделиться:
Будьте с нами на связи,
несмотря на алгоритмы
Подпишитесь на Теплицу в тех каналах,
которые не отфильтруют наши новости:
Как победить алгоритмы: прочитай инструкции, как настроить приоритетный показ материалов в социальных сетях и подключить RSS-ленту.
- Видеоурок Теплицы: как вставлять изображения, добавлять эффекты и экспортировать файлы в графическом редакторе Figma
- Видеоурок Теплицы: работа с кривыми Безье и взаимодействие форм в графическом редакторе Figma
- Видеоурок Теплицы: приложение Figma для графического дизайна и создания прототипов сайтов
Подпишитесь на еженедельную рассылку с лучшими материалами и возможностями «Теплицы» Мы никому не передадим ваш e-mail
- Журнал
- Практика
- Сборник про социальные проекты
- Отчет о развитии цензуры
- Пособие по безопасности
- Видео-уроки на Youtube
- Теплица.Курсы
- Календарь мероприятий
- Конструктор сайтов
- Сбор пожертвований
- Найти IT-волонтеров
- Найти проф.подрядчика
- Индивидуальные консультации
- Стать it-волонтером
- Теплица на Github
- Аудиты
- Теплица.Курсы
- Кандинский
- Онлайн-лейка
- Пасека
- О проекте
- Команда
- Вакансии
- Портфолио
- About Teplitsa
- Для СМИ
- Предложить новость
- Реклама на сайте
- Редакционная политика
- Написать сообщение
- Телеграм-канал
- Вконтакте
- Youtube
- Rss-канал
- для сми
- предложить новость
- реклама на сайте
- редакционная политика
- персональные данные
Если не указано иное, материалы на сайте, которые созданы авторами и редакцией «Теплицы», доступны по лицензии CC BY-SA 4.0
В помощь дизайнеру, часть 2: горячие клавиши FigJam
В 2021 году Figma запустила аналог платформы Miro — доску FigJam. Рассказываем, как упростить в ней работу с помощью хоткеев.
Михаил Терентьев
Основатель Mailfit & Letteros
FigJam — это инструмент графического онлайн-редактора Figma. Это доска для совместной работы, которую можно использовать, например, для командного брейншторма, майндмепов или просто систематизации идей.
Никаких специальных знаний для работы здесь не потребуется — всё интуитивно понятно. Например, вот так выглядит панель инструментов:
А вот как может выглядеть совместная работа в редакторе:
Как видите, в FigJam для схематизации можно использовать различные фигуры и стикеры, маркеры и текст, соединители и штампы.
Но чтобы работа была проще и быстрее, здесь можно использовать горячие клавиши [hotkeys] — комбинации, которые позволят выполнить то или иное действие в редакторе, не прибегая к его меню.
Весь список таких комбинаций найти несложно:
Все горячие клавиши в FigJam поделены на группы. Расскажем о каждой.
Tools, или Инструменты
Выбрать стандартный инструмент выделения — V.
Выбрать стикеры — S.
Выбрать линию — L.
Выбрать соединитель — X.
Выбрать маркер — М.
Выбрать текст — Т.
Открыть библиотеку — Alt + 2.
Вставить Изображение — Shift + Ctrl + K на Windows или Shift + ⌘ + К на Mac.
Начать чат — /.
Выбрать эмодзи или штамп — E.
Написать комментарий — С.
View, или Вид
Показать или скрыть боковые панели — Ctrl + \ на Windows или ⌘ + \ на Mac.
Показать или скрыть курсоры других пользователей — Ctrl + Alt + \ или Alt + ⌘ + \.
Увидеть панораму рабочего пространства — Space и перемещение с помощью мыши.
Увеличить масштаб — +.
Уменьшить масштаб — —.
Включить отображение 1:1 к экрану — Shift + 0.
Масштабировать всё рабочее пространство — Shift + 1.
Масштабировать выделенный элемент — Shift + 2.
Text, или Текст
Выделить текст жирным — Ctrl + B на Windows или ⌘ + B на Mac.
Выделить текст курсивом — Ctrl + i или ⌘ + i.
Подчеркнуть текст — Ctrl + U или ⌘ + U.
Вставить ссылку — Ctrl + K или ⌘ + K.
Зачеркнуть текст — Shift + Ctrl + X или Shift + ⌘ + X.
Создать список — Shift + Ctrl + 8 или Shift + ⌘ + 8.
Маленький шрифт — Ctrl + Alt + 0 или ⌘ + Alt + 0.
Большой шрифт — Ctrl + Alt + 3 или ⌘ + Alt + 3.
Заглавный шрифт — Ctrl + Alt + 2 или ⌘ + Alt + 2.
Огромный шрифт — Ctrl + Alt + 1 или ⌘ + Alt + 1.
Выровнять текст по левому краю — Ctrl + Alt + L или ⌘ + Alt + L.
Выровнять текст по центру — Ctrl + Alt + T или ⌘ + Alt + T.
Выровнять текст по правому краю — Ctrl + Alt + R или ⌘ + Alt + R.
Увеличить отступ — Ctrl + ] или ⌘ + ].
Уменьшить отступ — Ctrl + [ или ⌘ + [.
Edit, или Редактирование
Копировать — Ctrl + C на Windows или ⌘ + C на Mac.
Вырезать — Ctrl + X или ⌘ + X.
Вставить —Ctrl + V или ⌘ + V.
Вставить поверх выделенного элемента — Ctrl + Shift + V или ⌘ + Shift + V.
Экспортировать элемент — Ctrl + Shift + E или ⌘ + Shift + E.
Переместить элемент на уровень ближе к переднему плану — Ctrl + ] или ⌘ + ].
Переместить элемент на уровень дальше от переднего плана — Ctrl + [ или ⌘ + [.
Переместить элемент на передний план — Ctrl + Shift + ] или ⌘ + Shift + ].
Переместить элемент на задний план — Ctrl + Shift + [ или ⌘ + Shift + [.
Сгруппировать элементы — Ctrl + G или и ⌘ + G.
Заблокировать или разблокировать элемент — Ctrl + Shift + L или ⌘ + Shift + L.
Отразить по горизонтали — Shift + H.
Отразить по вертикали — Shift + V.
Отменить — Ctrl + Z на Windows или ⌘ + Z на Mac.
Вернуть — Ctrl + Shift + Z или ⌘ + Shift + Z.
Advanced, или Продвинутый
Создать новое изображение или стикер, пока вы работаете с другим — Ctrl + Enter на Windows или ⌘ + Enter на Mac.
Редактировать текст выбранного элемента — Enter.
Выровнять выбранный элемент по левой стороне — Alt + A.
Выровнять выбранный элемент по правой стороне — Alt + D.
Выровнять выбранный элемент по верхней стороне — Alt + W.
Выровнять выбранный элемент по нижней стороне — Alt + S.
Выровнять по горизонтальной линии элементов — Alt + H.
Выровнять по вертикальной линии элементов — Alt + V.
Выбрать прямой соединитель — Shift и перемещение с помощью мыши.
Фух, кажется всё. Обращайтесь к официальному гайду по FigJam при необходимости и сохраняйте в закладки эту статью, чтобы не потерять ?
Подписывайтесь на ежемесячный дайджест Mailfit
Раз в месяц присылаем новости диджитала, последние кейсы, рассказываем про работу, собираем интересный и полезный контент в одном письме.
ПОЛУЧИЛОСЬ!
Скоро вы начнете получать нашу рассылку
FigJam — интерактивные доски для дизайнеров от Figma
FigJam — інтерактивні дошки для дизайнерів від Figma
Редакція ・ Серп 10
На конференции Config 2021, генеральный директор Figma Дилан Филд объявил о запуске FigJam, нового вайтборда Figma. Сейчас доступна бета-версия FigJam, но до конца 2021 года приложение будет бесплатным для всех пользователей. Ниже вице-президент Figma по продукту Юки Ямасита немного расскажет, почему мы решили создать FigJam. Многое изменилось приблизительно за пять лет с тех пор, как Figma была запущена в закрытой бета-версии, или, как сказал тогда Дилан: во времена, когда дизайн встретился с Интернетом. Десятилетний переход от физического к цифровому ускорился. Дизайн, который когда-то был на периферии, стал ближе к центру сцены. Усилилось взаимодействие внутри компаний. И, не думаю, что кому-то нужно напомнить, ведь многие из нас – в том числе я и мои товарищи по Figma – уже больше года работают удаленно. Все это сводится к тому, что мы меньше времени проводим вместе и все больше времени в онлайн-пространствах, таких как Figma. Люди используют эти онлайн-пространства всевозможными творческими и неожиданными способами – от игры multiplayer pong до ice breakers, meal planning и мозгового штурма. Все эти случаи не касаются проектирования продуктов. Люди просто ищут место для общения и обмена идеями. Наша команда тоже работала из дома. Поэтому нам сразу стало ясно, особенно после миллионного видеозвонка, что есть нечто особенное в том, чтобы просто проводить время вместе в Figma. Помимо мощного инструмента дизайна Figma может служить источником энергии для людей по всему миру, позволяя им собираться вместе, проводить итерации дизайна и исследования. Поняв это, мы начали собственное исследование. Мы хотели узнать, можем ли мы сделать Figma более привлекательным местом для подобных взаимодействий. Мы полагали, что если бы нам это удалось, то мы смогли бы привлечь больше людей к самым ранним этапам проектирования. В конце концов, цель Figma – сделать дизайн доступным для всех. Это был наш шанс сделать следующий шаг. Но, немного углубившись, мы поняли, что для таких взаимодействий необходимо отдельное пространство – место, где каждый чувствовал бы себя желанным гостем, а дизайнеры чувствовали себя как дома, чтобы все могли с комфортом делиться своими идеями.
FigJam – место, где зарождаются лучшие идеи продуктов
Вот почему мы создали FigJam, интерактивную доску для дизайнеров, чтобы они могли придумывать идеи и проводить мозговой штурм с расширенными командами. Думайте о ней, как об облегченной версии Figma, которую проще освоить и еще интереснее использовать. Она предназначена для определения проблем пользователей, поиска вдохновения и изучения идей. В FigJam встроено множество функций, которые делают его отличным местом для дизайн-мышления на ранней стадии проектирования. Команды могут использовать для мозгового штурма стикеры, смайлики и инструменты для рисования. В одиночной игре системные мыслители могут использовать фигуры, предварительно нарисованные линии и соединители для формирования юзерфлоу и построения новых процессов. Рисовать диаграммы в FigJam легко с помощью фигур, заранее нарисованных линий и соединителей. А с помощью штампов и курсоров, эмоции и реакции становятся простыми и увлекательными FigJam также разработан, чтобы стать единым центром для удобного взаимодействия. Встроенные аудио-функции позволяют командам легко общаться, не поднимая телефонную трубку или не начиная видеозвонок. И в отличие от альтернативных приложений, FigJam без проблем работает с Figma, поэтому команды могут хранить весь проект– от первоначальной концепции до окончательного прототипа – в одном месте. Команды могут использовать для мозгового штурма стикеры, смайлики и инструменты для рисования в FigJam. А встроенная функция аудио-связи позволяет легко «выговориться» вживую Мы также хотели привнести в FigJam ту же теплоту и интуитивное управление, которые нравятся людям в Figma, независимо от того обдумываете ли вы идею или просто «тусуетесь». Смайлики, штампы и другие тщательно проработанные функции позволят вам полностью выразить себя. Другими словами, в FigJam веселье встречается с функциональностью. Это одна из причин, по которой команды Stripe, Netflix, Salesforce, Twitch и других компаний использовали FigJam в течение последних нескольких месяцев для мозгового штурма и формирования идей. Их отзывы, как хорошие, так и плохие, важны не только для нашей команды; они также подтвердили, что FigJam удовлетворяет глубокие потребности пользователей. Вот как это описал руководитель отдела дизайна Discord Кевин Уилсон:
«FigJam великолепно подошёл для команды продуктовых-дизайнеров Discord, потому что очень похож на Figma, но является его сфокусированной, упрощённой версией, которая отлично подходит для мозгового штурма, ретроспективы или другой работы».
В 2022 году у FigJam будут как бесплатные, так и платные тарифные планы ($8 и $15 за редактора в месяц), но до конца 2021 года – любой пользователь сможет использовать FigJam совершенно бесплатно. Мы надеемся, что вы попробуете FigJam, и если вы это сделаете, оставьте свой фидбек. Потому что наша цель – не только сделать FigJam местом, где зарождаются лучшие идеи по созданию продукта, но и сделать Figma лучшим домом для дизайнеров и их команд, чтобы они собирались и работали над проектом вместе от начала и до конца. Перевод статьи figma.com
多人协作界面设计工具独角兽：Figma Inc.
文章源自美股之家 | 美股百科 | 美港股开户投资-https://www.mg21.com/figma.html
Figma Inc.公司百科
迪伦·菲尔德（Dylan Field）和埃文·华莱士（Evan Wallace）于 2012 年开始着手开发 Figma。 基于Web的设计工具的想法是菲尔德和华莱士在2011年就读于布朗大学期间脑力激荡所产生的想法之一。 2012年，华莱士从布朗大学毕业，而菲尔德则退学接受了泰尔奖学金（Thiel Fellowship），该奖学金提供了10万美元用于寻求创业想法。随后，两人移居到旧金山，全职投入Figma的工作。 文章源自美股之家 | 美股百科 | 美港股开户投资-https://www.mg21.com/figma.html
Figma从2015年12月3日开始提供采用邀请模式的免费预览程式，于2016年9月27日首次公开。在2019年10月22日，Figma推出了Figma社群，允许设计师发布其作品供他人查看和修改。 文章源自美股之家 | 美股百科 | 美港股开户投资-https://www.mg21.com/figma.html
Figma是一个向量图形编辑器和原型设计工具，主要基于网页（浏览器） ，透过macOS和Windows的桌面应用程式可启用额外的离线功能。适用于Android和iOS的配套程式称为Figma Mirror，可以在行动装置上查看Figma原型。 Figma的功能集着重于用户界面设计及用户体验设计中的使用，并强调即时协作。 文章源自美股之家 | 美股百科 | 美港股开户投资-https://www.mg21.com/figma.html
- 跨平台（Win,、Chrome、Linux、Mac）
- 无需保存
- 设计文件现在是一个链接，这对工作流程是一个很大的改变
- Figma支持历史版本恢复，免费版最多保存30天。专业或团队版无限制
- Figma 考虑了灾难恢复，所有的基础架构都分布在 3 个 AWS 数据中心 ，其中任何一个数据中心意外发生故障，其它数据中心将继续工作
- Figma原生支持很多Sketch需要插件甚至依靠其它应用才能完成的功能，Figma也支持插件开发
- 通过Figma API也可以与第三方工具集成，包括：Zeplin、Dropbox、Jira、Trello、Dribbble、Principle、Slack、ProtoPie、Zeroheight、Figma to AE
Figma = Sketch（UI 设计）+ InVision（原型设计） + Zeplin（标注）+ Dropbox（云端同步）+ Abstract（版本历史）+ Craft-Freehand（实时讨论） + Liveshare（实时分享）+ Team Library （团队组件库）+ Web API（第三方接入）+ … 文章源自美股之家 | 美股百科 | 美港股开户投资-https://www.mg21.com/figma.html
Figma功能：
— UI 设计 文章源自美股之家 | 美股百科 | 美港股开户投资-https://www.mg21.com/figma.html
Figma 是为 UI 设计而生的设计工具，除了有和 Sketch 一样基本的操作和功能，还有许多专为 UI 设计而生的强大功能。 文章源自美股之家 | 美股百科 | 美港股开户投资-https://www.mg21.com/figma.html
— 原型设计 文章源自美股之家 | 美股百科 | 美港股开户投资-https://www.mg21.com/figma.html
你可以在 Figma 里面无缝完成从设计到原型演示的切换，不需要反复同步设计图到第三方平台，我们同样可以利用 Figma Mirror 在手机上预览效果。 文章源自美股之家 | 美股百科 | 美港股开户投资-https://www.mg21.com/figma.html
— 前端协作 文章源自美股之家 | 美股百科 | 美港股开户投资-https://www.mg21.com/figma.html
工程师可以在设计图上获取标注、并且可以导出所需任何资源（包括 CSS、iOS、Android 样式） 文章源自美股之家 | 美股百科 | 美港股开户投资-https://www.mg21.com/figma.html
— 实时协作 + 内置评论 文章源自美股之家 | 美股百科 | 美港股开户投资-https://www.mg21.com/figma.html
在 Figma 里，设计和协作可以是同时进行的，任何人都可以在设计图的任何地方添加评论， 你可以在评论中 @其他人 或将评论标记为已解决。 文章源自美股之家 | 美股百科 | 美港股开户投资-https://www.mg21.com/figma.html
— 矢量网络（Vector Network） 文章源自美股之家 | 美股百科 | 美港股开户投资-https://www.mg21.com/figma.html
— 团队 Library 文章源自美股之家 | 美股百科 | 美港股开户投资-https://www.mg21.com/figma.html
可以跨项目共享和更新 Component、Style，但需要注意的是免费版不能跨文件共享 Component。 文章源自美股之家 | 美股百科 | 美港股开户投资-https://www.mg21.com/figma.html
— 原生支持 Web Font & Font Icon 文章源自美股之家 | 美股百科 | 美港股开户投资-https://www.mg21.com/figma.html
Figma 原生支持 Google Fonts 和 Font Awesome。 文章源自美股之家 | 美股百科 | 美港股开户投资-https://www.mg21.com/figma.html
Figma Inc.融资百科
- 2013年6月24日，种子轮融资，Figma Inc.获得 Index Ventures 和 Terrence Rohan（个人） 领投，LocalGlobe、Jeff Weiner（个人）、Adam Nash（个人）等跟投的390万美元投资。
- 2014年12月-2015年12月，Figma Inc.通过3次在A轮融资中获得1400万美元投资，由 Greylock 等领投， Index Ventures 、 ICONIQ Capital 、Oreilly AlphaTech Ventures、Haystack、Fuel Capital、Next Play Ventures等跟投。
- 2018年2月1日，B轮融资，Figma Inc.获得 Kleiner Perkins 领投， Index Ventures 、 Greylock 、Next Play Ventures、Lachy Groom（个人）等跟投的2500万美元资金。
- 2019年2月7日，C轮融资，Figma Inc.获得 Sequoia Capital 领投，Index Ventures、 Greylock 、 Founders Fund 、 Kleiner Perkins 等跟投的4000万美元资金。
- 2020年4月30日，D轮融资，Figma Inc.获得 Andreessen Horowitz 领投，Index Ventures、Greylock、 Sequoia Capital 、Kleiner Perkins等跟投的5000万美元资金。估值超过20亿美金。
- 2020年6月24日完成的E轮融资中，Figma Inc.获得 Durable Capital Partners 领投的2亿美金投资，该轮由Sequoia Capital、Kleiner Perkins、 Andreessen Horowitz 、Index Ventures、Greylock等跟投。
Figma Inc.美股投资
公司官网 文章源自美股之家 | 美股百科 | 美港股开户投资-https://www.mg21.com/figma.html
Figma目前仍然是一家 非上市公司 ，等待Figma IPO 上市或者 SPAC合并 上市。