Ivan Cruz
Ivan Cruz
Sep 5, 2018 · 1 min read

Because we built it! The entire article is based on the process we followed and published the Github repository mentioned in the article to help follow along.

I skimmed past the build part given that I posted our build system and repurposing it to another codebase is easy to do by pointing the build system to the right components using a symlink (right-click the folder in OSX and click Make Alias.

Then you can move the alias into the build system folder and export the components inindex.ts

export { Button } from “./ALIAS_FOLDER/PATH/TO/YOUR/COMPONENT/”;

Then for there on add all needed dependencies as explained in the article.

The main goal of the article was to show that this was possible and focus on the Framer X portion of things. Importing, adding wrapper and property controls.

There’s plenty of Webpack tutorials and we didn’t want to write yet another one, and yet focus on the process and the wrapping of components, since that’s the most relevant to Framer. Here’s a good one.

    Ivan Cruz
    Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
    Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
    Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade