# CGI Studio 3.12

#### CGI Studio 3.12 - What's New:  


Welcome to CGI Studio 3.12, Candera's software development platform for hybrid 2D and 3D graphical interfaces for automotive systems.

This page provides information regarding the most recently added features and updates since our last release.

---

#### Smart Importer  


- Figma format support
- Expanded control mapping functionality with AI
- And many other smaller improvements

For more information regarding the full functionality of this tool, please reference the <span style="color: rgb(230, 126, 35);">[Smart Importer](https://doc316en.candera.eu/books/import-of-resources/chapter/smart-importer)</span> article.

---

#### Vector Graphics Support

- Support of vector graphics in CGI Studio
- Import of SVG into yours

For more information regarding this feature, please reference the <span style="color: rgb(230, 126, 35);">[SVG](https://doc316en.candera.eu/link/1101#bkmrk-svg-files)</span> article.

---

#### Fusion Editor

- Design your applications without writing any code and create your own HMI logic via drag and drop

For more information about the [Fusion Editor](https://doc316en.candera.eu/books/fusion), please see the documentation about [Fusion](https://doc316en.candera.eu/books/fusion).

---

#### 3D Shapes Control  


Many new 3D Shapes controls have been added, such as Arrow, Capsule, Cone, Disc and so on. They are available from the toolbox Controls&gt;3D Shapes.

<div drawio-diagram="3782"><img src="https://doc316en.candera.eu/uploads/images/drawio/2023-06/drawing-4-1686300615.png" alt=""/></div>

---

#### Scene Composer Improvements  


- Updated and added <span style="color: rgb(230, 126, 35);">[sample solutions](https://doc316en.candera.eu/books/sample-solutions)</span>   
    
    - 2D Basic, 3D Basic, 3D Getting Started, MenuScreen updated
    - Industrial added
- Added URI functionality for requirement tracking
- <span style="color: rgb(230, 126, 35);">[Automatic import](https://doc316en.candera.eu/books/import-of-resources/page/automatic-imports)</span> feature improved
- Improved Properties panel
- <span style="color: rgb(230, 126, 35);">[Referencing external resource](https://doc316en.candera.eu/books/scene-design/page/referencing-external-resource)</span> functionality (Android Platform only)
- <span style="color: rgb(230, 126, 35);">[State machine editor](https://doc316en.candera.eu/books/state-machine/page/basic-operation)</span> functionality added
- <span style="color: rgb(230, 126, 35);">[Pseudo state machine](https://doc316en.candera.eu/link/204#bkmrk-entry%2Fexit-point)</span> functionality
- Improved <span style="color: rgb(230, 126, 35);">[HMI report](https://doc316en.candera.eu/books/solution-handling/page/hmi-report)</span> function
- <span style="color: rgb(230, 126, 35);">[Display Preview](https://doc316en.candera.eu/link/3#bkmrk--7)</span> support
- <span style="color: rgb(230, 126, 35);">[HMI Rotation](https://doc316en.candera.eu/books/display-configuration/page/cgi-studio-hmi-rotation)</span> support

---

#### Rotation and zoom functions in the Player Panel

Rotation and zoom functions have been added to the Player Panel. For details of the functions, please click <span style="color: rgb(230, 126, 35);">[here](https://doc316en.candera.eu/books/player/page/overview)</span>.


---

#### Help system (This document) updated  


A new UI help system with search and browsing history functions has been implemented. <span style="color: rgb(0, 0, 0);">Tutorial videos</span> previously accessed from external sites have been integrated into this help system. For more information on how to use the new help system, please click <span style="color: rgb(230, 126, 35);">[here](https://doc316en.candera.eu/books/about-this-document)</span>.

<p class="callout info">CGI3.16 release and later, tutorial videos are no longer included in this documentation.</p>

---

#### New Behaviors

- <span style="color: rgb(230, 126, 35);">[Set External Bitmap](https://doc316en.candera.eu/books/controls-and-behaviors/page/external-resource#bkmrk-set-external-bitmap)</span>  
    Retrieves a bitmap and sets the bitmap of the associated Render Node when its action is triggered.
- <span style="color: rgb(230, 126, 35);">[Check External Resource Change](https://doc316en.candera.eu/books/controls-and-behaviors/page/external-resource#bkmrk-check-external-resou)</span>  
    Reacts on ExternalResourceChangedEvents, reloading the resource and invoking an update if ExternalResourceMangerId and ExternalResourceId match.
- <span style="color: rgb(230, 126, 35);">[External Bitmap Provider](https://doc316en.candera.eu/books/controls-and-behaviors/page/external-resource#bkmrk-external-bitmap-prov)  
    <span style="color: rgb(0, 0, 0);">Retrieves an external bitmap with ExternalResourceId from an external resource provider with ExternalResourceManagerId and provides the bitmap to an associated bitmap node.</span>  
    </span>

---