Casing - 一个用于Framer的UI框架

Casing - 一个用于Framer的UI框架

Casing - A UI framework for Framer

✕ ⃝

Casing will help you to manage:

Components (modular pieces of UI)Screens (sets of components)Data (mutable and immutable information shown in the prototype)

It is system which supports building truly big and complex Framer prototypes using real data.

⃝ Installation

Copy over following files to your PROJECT_NAME.framer/modules/ directory:

Casing.coffee - REQUIRED. Contains the entirety of Casing's codeFrmrDatePicker.coffee - if you want to use a date-picker in your prototypeFrmrDropdown.coffee - if you want to use a drop-down in your prototypeFrmrTextInput.coffee - if you want to use a text-input in your prototype

In large prototypes there is a one-to-one mapping with:

⃝ Frames in design mode

⃝ Code modules.

⃝ Getting Started

To be added soon...!

⃝ Examples

⃝ Components

⃝ FAQ

✕ How will Framer X impact Casing?

When Framer X is released, Casing ✕ will become open source soon after. This will likely require:

Compiling coffeescript code into ES6Updates to optimise the design tab workflow for Framer XReleasing the components to the component store

The Casing Framework and its components will still be applicable for building big & complex prototypes in Framer X

⃝ Thank You

A warm thank you to Twitter and Oliver Turner for help with the name. Thank you with all of my heart to everyone at Framer for building such an awesome tool and a supportive community

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。