Дизайн и код в Framer X

Framer X делает огромный шаг в будущее. Это единственный инструмент проектирования, который позволяет создавать компоненты кода, которые можно использовать на реальном сайте React. Это может быть безумно полезно для вашей системы проектирования, не отключая дизайн от кода и не добавляя дополнительные слои между ними. Ваши компоненты Framer X могут быть единственным источником. Вы можете легко синхронизировать ваши компоненты React между Framer X и вашим любимым редактором кода. Разработчики могут по-настоящему сотрудничать с дизайнерами в создании согласованных и готовых к производству компонентов.

Framer X не похож на любой другой инструмент. Он полностью сфокусирован на интерактивном дизайне. В результате вы можете создавать состояния с переопределениями, анимировать сложные взаимодействия и работать с динамическими данными, все в инструменте проектирования. Нет предела вашему творчеству. Самое замечательное в том, что вы можете создать все это самостоятельно с помощью нескольких строк кода или использовать один из тысяч компонентов, доступных в магазине.

Из этого курса вы узнаете, как создавать макеты и значки с нуля. По мере знакомства с тем, как Framer X работает на базовом уровне, мы познакомимся с их мощными компонентами и системой переопределения, а также с их стековым инструментом, который позволяет без особых усилий создавать действительно адаптивные макеты. Затем мы создадим быстрый прототип с нулевым кодом, который соединит все экраны вместе, используя красивые переходы и прокрутку.