UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Почему вам стоит создать свое портфолио в Figma
Редакція
Редакція

Опубліковано

Почему вам стоит создать свое портфолио в Figma

Любой продуктовый дизайнер хочет продемонстрировать свои работы. Однако, зачастую мы не понимаем, как это сделать. Может быть создать личный сайт? Что, если я ничего не понимаю в веб-развертывании? Что, если у меня нет денег на его создание? О, сейчас Notion – это тренд. Но разве для меня это не слишком формально? И так далее. Вопросы продолжают возникать сами собой.

В последнее время подобное случается и со мной. Я задаюсь вопросами без ответов и решений ?.

Разве не иронично, что продуктовый дизайнер зарабатывает себе на жизнь, решая проблемы других людей, но не может решить свою собственную?

Осознав это, я начинал предпринимать реальные действия, читать статьи о том, как правильно представить свою работу, одновременно решая свои проблемы. Цель – создание динамичного портфолио с наименьшими затратами.

А вот и могучая Figma

В ходе своего мини-исследования я наткнулся на один из последних анонсов Figma, который был посвящен Figma Link.

В качестве презентации они предоставляют рабочее пространство, содержащее информацию о Figma Link и о том, насколько он эффективен. Мне кажется, это отличный способ презентовать новые функции. Использование вашего собственного продукта, чтобы анонсировать его обновление. (Убедитесь сами, если еще не видели)

Я стал задаваться вопросом, почему я не видел ни одного портфолио, использующего Figma в качестве платформы? Я пришел к выводу, что сегодня Figma намного мощнее по сравнению с инструментом, который я использовал много лет назад. Теперь вы можете создать отличный прототип с большим количеством взаимодействий, вы также можете добавить ссылку и открыть ее в прототипе, а еще вы можете создать вектор внутри файла Figma и многое другое. Ах! И самое главное, все это можно получить совершенно бесплатно (конечно, кроме платы за Интернет!). И они продолжают улучшать ее. Можете ли вы представить, насколько функциональной Figma станет в ближайшие 5 или 10 лет?

Поэтому я изменил свой вопрос на следующий: почему я не создаю свое портфолио с помощью прототипа Figma?

Я начинаю свое путешествие, чтобы найти ответ на свой вопрос. По мере того, как я продвигаюсь вперед, я убеждаюсь в правильности идеи создать портфолио в Figma. Ниже я представлю выводы, к которым я пришел при создании портфолио в Figma:

1. Будущее (Future) начинается с буквы «F», и Figma тоже.

Честно говоря, сейчас Figma – один из трендов UI/UX дизайна. Почему у меня хватает смелости так говорить? Потому, что многие дизайнеры в крупных компаниях начинают переходить на это приложение. Совместная работа также играет большую роль в том, что Figma становится инструментом будущего. Если вы не знаете, Figma открывает свое приложение для своих сообществ, чтобы они могли создавать свой собственный продукт внутри Figma. Вы найдете множество полезных плагинов, референсов дизайна, и даже красивую дизайн-систему.

Кроме того, некоторые люди начинают создавать в Figma презентации, иллюстрации, и даже ценностное предложение. Поэтому можно с уверенностью сказать, что Figma действительно представляет собой универсальный инструмент дизайна. По крайней мере для меня.

Все еще не уверены? Я считаю, что сейчас самое подходящее время, чтобы попробовать Figma. Возможно, для следующего проекта? ?

Превью интерфейса Figma Community – там вы можете найти и взять все, что вам нужно

2. Портфолио в Figma экологично: сокращение, повторное использование, переработка

Прежде всего, сокращение

  • Хранилища По сравнению с другими приложениями, Figma не использует ваш жесткий диск. Все созданные вами файлы будут сохранены в облаке. Поэтому, когда вы создаете портфолио, вам не нужно покупать хостинг или облачное хранилище, чтобы сохранить его. Просто поделитесь ссылкой на свое портфолио, и пусть Figma творит волшебство за вас.
  • Стоимости (Деньги) Figma предлагает пакет freemium, поэтому вы можете получить доступ ко всем функциям без каких-либо материальных затрат, в том числе к инструментам прототипирования, используемым для создания портфолио. Поэтому, если вы захотите создать в Figma свое портфолио, можно с уверенностью сказать, что это будет совершенно бесплатно. По крайней мере, пока ?.
  • Навыки и умения Это не означает, что Figma снижает ваши навыки. Я имею в виду, что Figma снижает количество навыков, требуемых для создания портфолио. Вам просто нужны базовые знания, как работать с инструментами дизайна, контентом и решимость создать собственное портфолио онлайн.

Затем мы повторно используем элементы

Figma предлагает создание многоразовых компонентов, под названием Components (похоже на символы в Sketch). Таким образом, вам не нужно создавать много компонентов. Просто создайте компонент, который будет скопирован (повторно использован) на нужные страницы. Вот так просто.

И не забудьте о переработке

Дизайнеру полезно архивировать все, что он создал, а не удалять это навсегда. Кто знает, что может пригодиться для вашего портфолио или другого проекта в будущем? И Figma предлагает такую функцию без каких-либо ограничений на хранение проекта, даже в пакете Freemium.

3. Figma позволяет прототипировать, поэтому вдохните жизнь в свое портфолио

Инструмент прототипирования – один из самых полезных инструментов при создании портфолио. Это главное отличие Figma от других платформ (например, Notion). Потому, что Figma позволяет оживить ваш продукт. Взаимодействие с переходом с одной страницы на другую, взаимодействие перетаскивания, взаимодействие с прокруткой, GIF-анимация и даже отложенное взаимодействие. Подобный потенциал будет очень полезным, если вы сумеете по максимуму использовать его.

Благодаря этому вы можете заставить портфолио казаться живым

Превью моего портфолио — hanra.xyz

4. В Figma вы можете быть собой #NoFilter

Думаю, никто не любит притворяться кем-то другим, верно? Создавая свое портфолио в Figma, вы можете сделать его максимально личным, без каких-либо ограничений (опять же, по сравнению с Notion). Я считаю, что для дизайнеров важно показать свое истинное лицо.

Теперь ваша очередь. Чего вы ждете?

С помощью прототипа Figma покажите миру свою истинную сущность, чтобы все знали, каким дизайнером вы хотите стать.

Оглядываясь назад и двигаясь вперед

  • В целом мне нравится создавать портфолио в Figma. Несмотря на то, что я обнаружил ряд проблем, которые не могут быть решены на данный момент, это все еще забавный эксперимент для меня. Если вы еще не знаете, где создать свое портфолио, мой вам совет: попробуйте Figma!

Фидбек для команды Figma

  • В Figma нельзя одновременно навести курсор и скроллить При наведении курсора прокрутка невозможна. Как я видел в некоторых постах, Figma рассматривает дополнительные возможности для улучшения прототипирования, так что, думаю, что это лишь вопрос времени. Посмотрим!
  • Прототип только для просмотра
    Я надеюсь, что вместо просмотра только на мобильных устройствах или на ПК, в будущем Figma рассмотрит возможность включения адаптивного представления. Это было бы очень полезно.

Маленькая вишенка на вашем красивом торте

  • Обязательно измените размер вашего ultraHD изображения
    Помните, когда другие люди открывают ваш прототип, он обычно загружает весь экран сразу. Люди не хотят ждать слишком долго, особенно если ваш дизайн не стоит того. Шучу ?.
  • Сделайте так, будто они принадлежат вам
    Объедините его с сервисом сокращения ссылок или даже с вашим доменом и добавьте свое имя, чтобы сделать его более привлекательным. Вы можете использовать bit.ly или любой другой сервис сокращения ссылок. Лично я купил домен и объединил его с short.io для ребрендинга URL-ссылки.
  • Сделайте так, чтобы он выглядел как настоящий продукт Еще одна вещь, которую вы можете сделать – это добавить &scaling=scale-down-width&hide-ui=1 в конец общей ссылки. Панель инструментов будет удалена и масштабирование изменится так, чтобы больше походить на настоящий продукт, а не на прототип.

Если вам интересно, вот мое портфолио hanra.xyz ✨.

Примечание: Я не представитель Figma. Они мне не платят за рекламу. Мне просто нравится эта программа. Вот и все.


Перевод статьи uxdesign.cc

Топ коментарі (0)