Figma embeds in your Bit Components

Example components with Figma embeds so Designers and Developers can work side by side with live updates to desings, the possibility to zoom in and out and clicking the link to take you right to the Figma file so you can properly inspect the Deign.

Components are hosted here

If you would like to import(clone) the project to take it for a test run make sure you have bit installed.

npm i -g @teambit/bvm
bvm install

Note: You can also use git to clone this project and test it out. However if you want to use this as a base project that you can then export to your own remote scope use the method below.

Create an empty workspace. (skip this step if you want to import the components into an already created workspace)

bit new react my-workspace --empty

Use the bit import command to import all components into your workspace. This is similar to cloning a project.

bit import "learn-bit-react.figma-example/*"

Copy the workspace.jsonc file from this repository and replace the one in your workspace. This will ensure you have the correct dependencies and environments set.

Start the dev server

bit start

You should now see all the ecommerce components on localhost:3000

Learn more about how to embed Figma into your Dev environment and how to create your own Figma Component.