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

Обговорення: Кто и для чего использует Framer в повседневной работе?

Згорнути/розгорнути
 
hrz_andrew profile image
Andrew Horuzhii

Привет, я использую его в повседневной работе. Он в основном нужен для построения высоко-интерактивных прототипов. Хотя я в нем собираю любые прототипы.
В двух словах, Framer - это по сути GUI над развернутым React-окружением. А делать в нем можно например вот такие вот вещи - framer.com/share/Quarry-site-panor...
Но для этого нужно хотя-бы на базовом уровне понимать JSX, React(хотя бы хуки и синтаксис) и Framer motion библиотеку. Тогда границ в создании прототипов в принципе нет.
Если прототип - это ховеры/переходы, то Фигмы с головой.
Еще Framer сейчас - это мощный конструктор сайтов, зная вышеназванные JS библиотеки можно собирать продашн-уровня сайты без участия девелоперов. Если что конкретно интересно, задавайте вопросы. Подумываю пару статей написать на примере своих прототипов.

Згорнути/розгорнути
 
elloe profile image
Kristya

Спасибо за развернутый ответ. Ваш пример выглядит круто, как много времени на такое нужно потратить?

Подписалась на вас и жду статей)) Вопросы будут, когда окунусь с головой в него, пока только пытаюсь понять нужен ли он мне - пример заинтриговал)

Згорнути/розгорнути
 
hrz_andrew profile image
Andrew Horuzhii • Змінено

Ну это относительно простой пример с прошлого проекта зачем он (Framer) вообще нужен, сложные не могу показывать)
Этот пример строится на таком понятии как MotionValue - это по сути когда одна анимация на лету управляет чем-то другим на канвасе.
Там три функции под капотом у этого прототипа:

  1. Забирает позицию скрола картинки (motionValue - framer.com/docs/motionvalue/)
  2. Преобразует её (useTransform - framer.com/docs/use-transform/) в градусы вращения сектора обзора на миникарте
  3. Преобразует скрол картинки в x-движение компаса.

Зная синтаксис и базовые понятия Framer-motion библиотеки этот пример можно написать и отладить где-то за час, без учета отрисовки UI конечно. Если в глаза не видели не то что JSX, но и HTML, то наверное бесконечность)

Тред Тред
 
elloe profile image
Kristya

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

Спасибо вам за информацию 🤗