Framer X

Framer X – это инструмент для разработки интерактивного дизайна. Создавайте адаптивные макеты, проектируйте реалистичные прототипы и передавайте код разработчикам – все в одном месте.

Особенности Framer X 

• Framer X дает возможность писать настоящий React код и использовать все его возможности, то есть делать настоящие компоненты не только в коде, но и в дизайне.
• Существует мастер-компонент и его копия (instance). Все изменения, сделанные в мастере, немедленно отобразятся и в копии. Также присутствует возможность менять свойства копии.
• Рисование включает в себя расширенный редактор путей, который позволяет рисовать и настраивать все, начиная с пользовательских значков и заканчивая сложными иллюстрациями.
• Макет автоматически адаптирует макет при изменении размера холста и позволяет использовать гибкие стеки для простой перестановки элементов.
• Интерактивные инструменты – это набор инструментов, которые позволяют пользователям создавать высокоскоростную прокрутку, пейджинг и переходы между экранами – все, что вам нужно сделать, это указать и щелкнуть.
• Компоненты в Framer X представляют собой полностью интерактивные, многократно используемые элементы, которые могут включать в себя все, от живых карт и генераторов изображений до видеоплееров.
• Встроенный в Framer X магазин приложений при запуске заполняется интерактивными и визуальными пакетами компонентов. От видеоплееров, живых карт и генераторов данных до комплектов пользовательского интерфейса и систем интерактивного проектирования – каждый пакет будет настроен для работы «из коробки», поэтому каждый может установить, перетащить их в свой дизайн. Сообщество предоставит множество компонентов, хотя партнерские отношения с такими первоклассными компаниями, как Mapbox и Unsplash , также обеспечат стабильный поток первоклассных компонентов. Магазин также содержит фирменные пакеты, созданные партнерами по запуску, такими как Facebook , Google , Airbnb , Snap Inc , Twitter и Dropbox .