# Custom SVG Creation in figma

**URL:** <https://forum.inductiveautomation.com/t/custom-svg-creation-in-figma/104694>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [April 4, 2025, 2:42am UTC](https://forum.inductiveautomation.com/t/custom-svg-creation-in-figma/104694 "2025-04-04T02:42:54Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![tom.lappalainen](https://avatars.discourse-cdn.com/v4/letter/t/f19dbf/32.png) [@tom.lappalainen](https://forum.inductiveautomation.com/u/tom.lappalainen)\
**Post date:** [April 4, 2025, 2:42am UTC](https://forum.inductiveautomation.com/t/custom-svg-creation-in-figma/104694/1 "2025-04-04T02:42:54Z")

</div>

Hi,  
I am new to Ignition. I am tring to make a SVG file that I can import into perspective that will enable me to customise the look of the image.  
In the perspective training completed 6 months ago we were shown a quick demonstration of how this is done Could some one give me some pointers on how this would be done in figma.  
What I am looking to do is have the ability to have parts of the image be apperable and also to be able to specify the colours of individual components.

---

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [April 4, 2025, 2:50am UTC](https://forum.inductiveautomation.com/t/custom-svg-creation-in-figma/104694/2 "2025-04-04T02:50:02Z")

</div>

The application that you use to create the SVG is not really relevant.

Once you have the file you drag and drop it onto your view and select embed. Ignition will the parse the SVG file and add the different elements to the props. From there you can add binding and additional props and styles as needed.

---

<div class="post-metadata">

**Author:** ![tom.lappalainen](https://avatars.discourse-cdn.com/v4/letter/t/f19dbf/32.png) [@tom.lappalainen](https://forum.inductiveautomation.com/u/tom.lappalainen)\
**Post date:** [April 8, 2025, 12:20am UTC](https://forum.inductiveautomation.com/t/custom-svg-creation-in-figma/104694/3 "2025-04-08T00:20:41Z")

</div>

Thanks. I missed the step on the embed. All works now

---

<div class="post-metadata">

**Author:** ![dgillbee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/dgillbee/32/73838_2.png) [@dgillbee](https://forum.inductiveautomation.com/u/dgillbee)\
**Post date:** [April 8, 2025, 5:39am UTC](https://forum.inductiveautomation.com/t/custom-svg-creation-in-figma/104694/4 "2025-04-08T05:39:23Z")

</div>

Hi Tom,  
I believe it was me who showed you a few things at the end of the Ignition training.  
Send me an email if you would like to have a chat about it david@iacoach.com.au