The CI HUB supports Adobe Creative Cloud, Microsoft Office, and other tools that you may use on a daily basis. In this article, we will introduce the integration with Figma, a design tool.
![](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F7lVm3TJheY6yhyF3qcY4nK%2Fa52755d2cd4e89cc4fd03bd157d8fabe%2Ffigma04.png&w=3840&q=75)
In this case, Sitecore Content Hub 4.1.14 is launched and connected.
Figma
The CI HUB Connector is also available in Figma, a design tool, by launching Figma's desktop tool, searching for CI HUB in the Community menu, and switching to Plug-ins.
![cihub07.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F3re1F7M93Q9ZWyXyq6562p%2Ffd08d4587172e364bcfb63f61eaa7995%2Fcihub07.png&w=3840&q=75)
After installation, click the profile icon in the upper right corner and select the plug-in to see if it is already installed.
![cihub08.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2Fy8dm70qKUSKwvptddtAh8%2F942e06ba496a21e3b5a16b5b0aed8dfb%2Fcihub08.png&w=3840&q=75)
How to use
Select Plugins - CI HUB Connector from the menu.
![figma03.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F6yg51iNmFLQ8m5IoyAHky6%2F7b2e80a9e51a1260a597386f5e985e79%2Ffigma03.png&w=3840&q=75)
The usual login screen will appear when the plug-in is activated.
![figma02.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F4x71J6dQNfEPsUNAjX3GYv%2Ff92a10ecba0c5098cd244b52a5bc7849%2Ffigma02.png&w=3840&q=75)
As usual, the browser starts up, and after logging in with the CI HUB account, the CI HUB screen appears, asking which server to connect to.
![figma03.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F6yg51iNmFLQ8m5IoyAHky6%2F7b2e80a9e51a1260a597386f5e985e79%2Ffigma03.png&w=3840&q=75)
Select the Sitecore logo from the Connection menu, and click on the logo to specify the URL of the server. After logging in and authorization with the CI Hub, you can view the assets in the Sitecore Content Hub from the Figma screen.
![figma04.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F7lVm3TJheY6yhyF3qcY4nK%2Fa52755d2cd4e89cc4fd03bd157d8fabe%2Ffigma04.png&w=3840&q=75)
Summary
In this article, we introduced Figma integration, which can be used directly from DAM to improve efficiency when designing a website and using images. You can also download the images, so please choose the procedure that best suits your needs.