CI HUB Connector Pro: Working with Sketch

Sketch is very similar to Figma since both are prototyping tools. Because of this, this section focuses only on what is different when working with Sketch.
If you are new to the workflow, we recommend first reading the guide on working with Figma:
https://support.ci-hub.com/ci-hub-connector-pro/ci-hub-connector-pro-working-with-figma

To use CI HUB in Sketch, you first need to install the CI HUB Connector plugin. You can follow the installation guide here:
https://support.ci-hub.com/ci-hub-connector-pro/installing-the-ci-hub-pro-connector

After installation, you can find the plugin in the menu under Plugins → CI HUB Connector.

Once the connector is open, click Load profile to activate your connected services. This will reconnect the services you previously selected. You can also add new services anytime using the Add new connection button.

The CI HUB Connector appears as a floating panel that you can move freely. For the best experience, place it on the left or right side of your Sketch window and slightly resize the Sketch window so both remain visible while you work.

Using Style Names with Images

In Sketch, you can assign an image to text and save this appearance as a text style.

When you do this, the text style name appears in the image metadata, making it easy to see which image is linked to which style.

The CI HUB Connector also shows whether an image has been assigned to a text style and which style it belongs to.