framerx-build-system
framerx-build-system copied to clipboard
shiftsave
A starter repo to get started with building a Design System within Framerx using production components
trafficstars
Framer X Build System
This repository contains a build system to transpile React components into a self-contained library for use in Framer X. This was built in order to bridge the gap between the components used in design and their counterparts in production.
Installation
- Clone, download or fork this repository
cd framerx-build-system && yarn install
Available Commands
yarn build
Bundles the production codebase into ES6 and copies it into the /lib inside Framer X contents.
yarn sync:lib
Replaces /lib inside Framer X contents with the latest version of the build.
yarn sync:src
replaces the contents of /src with the content of the Framer X file.
yarn sync:framerx
Builds a new Framer X file in case of conflicts or file corruption with the contents of /lib and /src.
shiftsave