В этой статье мы познакомимся с Framer — инструментом прототипирования и дизайна, основанного на коде. Мы рассмотрим основные концепции, которые делают Framer эффективным интрументом прототипирования для дизайнеров и разработчиков. И мы собираемся воспроизвести один из переходов, найденных в приложении Design + Code.
Прежде чем начать, скачайте файлы проекта, чтобы следовать этому руководству. Вы должны открыть файл «DesignCode-Chapter-New.framer», чтобы начать работу, но, если вы почувствуете необходимость увидеть решение, вы можете скачать его здесь.
Интерфейс Framer
Когда вы впервые откроете Framer, вы увидите, что у него очень знакомый интерфейс, похожий на многие дизайн-приложения, к которым мы привыкли. По умолчанию ваш новый проект откроется в дизайн-режиме, но вы можете работать независимо или комбинировать его с режимом кода.
.