This project is built using Framer Bridge which is a suite of tools:
- That allows you to automatically publish and distribute components to Packet Cafe designers with Framer and the Framer Store.
- Import in production components built by Packet Cafe engineers. It’s an automatic and continually synced workflow, one that is customizable to your existing development workflow.
This repository uses folder backed Framer projects with the Framer CLI and Travis CI for an easy package publication flow.
- Run
yarnto install dependencies in the root directory
Inside the repository directory, you will find two key folders:
design-system: contains production components. Typically, this design system is consumed by multiple projects. This is where we put our React Components.design-system.framerfx: a folder backed project that imports the components fromdesign-systemand (optionally) adds interface properties to use in Framer X.deployable-prototype: a folder that holds an exported web preview of the project
From here, you can continue modifying the existing design-system.framerfx file. If you edit any of the components in design-system, they will automatically get updated in Framer too.
If you're unable to install packages for the project, be sure to
npx framer-cli help
You might have to authenticate your folder-backed Framer X project with your Framer username.
npx framer-cli authenticate <email.address>