Components

Make usage of any 3rd party react component

Overview

Figma uses a component first and class inheritance behavior similar to the behavior found in React and other Javascript component frameworks, every component you create in Figma can inherit its properties to new instances and those instances can rewrite any property from the parent or add new ones creating a new branch of components.

Uncodie handles this protocol and design architecture without any additional setup in the IDE.

You can also add special behaviors to your app by setting the component type and attributes in the Uncodie Plugin

Setup

To create a Component in Uncodie just declare a component in Figma as normal and make new instances in your design as needed.

1. Compile your app

2. Open the Uncodie App and select your compiled project

3. Navigate to the IDE section of the app

4. Find all your components exported to React in the symbol inspector

Limitations

External document components, Figma allows designers to use components referenced from external documents, Uncodie does not have access to the component's data prototypes, so using external documents, will lose information about all of the animations and prototypes of the component

External components

You can use any external React Component by creating a "Manifest" and importing your component libraries and dependencies see:

Manifest