View Issue Details

Jump to NotesJump to History
IDProjectCategoryView StatusDate SubmittedLast Update
0004586NoesisGUIStudiopublic2025-11-28 15:492025-12-01 10:55
Reporterdstewart Assigned Tojsantos  
PrioritynormalSeverityminor 
Status assignedResolutionopen 
Product VersionStudio_Beta 
Target VersionStudio_Beta 
Summary0004586: Vectors Copy-Pasted From Illustrator Lose Their Colours During Paste Into Studio
Description

Currently, there appears to be an issue copy-pasting vector shapes from Illustrator into Studio, where the Geometry pastes in correctly, but any colours that were applied to the vectors in Illustrator are lost, and turned to Black.

See attached video.

This appears to be related that Illustrator using CSS 'Style' Tags rather than inserting colours 'inline' to the Paths (see attached .txt document).

Pasting the same vector from Illustrator to Figma works as expected, conserving the colours.
Pasting the same vector from Figma to Studio works as expected, conserving the colours.

Repro Steps:

1) Open, or create any vector shape in Adobe Illustrator that features a solid colour that is any colour other than Black.

2) Ensure that under 'Edit/Preferences/ClipboardHandling' that the "OnCopy: Include SVG Code" setting is CHECKED.

3) Select the shape in Adobe Illustrator, and copy it using Ctrl+C.

4) Open any Noesis Studio Project, and select any Element that is able to receive an additional Child, and Paste the Vector from Illustrator using Ctrl+V.

Observe how the vector shape pastes as expected, but loses its colour, turning to Black in the process.

Expected Results: The colours of vectors copied from Illustrator are conserved when being pasted into Studio.

Attached Files
IllustratorCopyPasting_Compressed.mp4 (585,589 bytes)   
IllustratorCopyPasting_Compressed.mp4 (585,589 bytes)   
NoesisWordmarkSVGCopyCode.txt (2,507 bytes)    
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Primary_WordMark_OnTransparent" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2949.37 280">
  <defs>
    <style>
      .cls-1 {
        fill: #f2f2f2;
      }

      .cls-2 {
        fill: #2aa6e2;
      }
    </style>
  </defs>
  <g id="Wordmark">
    <path id="path10" class="cls-2" d="M2778.33,203.98c0,6.33-5.07,10.14-15.2,10.14h-181.29c-10.14,0-16.47-3.8-16.47-10.14V1.27h-68.41v210.32c0,45.61,27.87,68.42,83.62,68.42h181.29c55.75,0,83.62-22.81,83.62-67.15V0h-68.42v203.98h1.27ZM2880.95,0h68.42v277.47h-68.42V0ZM2310.15,108.96v68.42h84.89v36.74h-197.28c-10.14,0-16.47-5.07-16.47-13.94v-121.63c0-8.87,5.07-13.94,16.47-13.94h258.1V0h-258.1c-55.75,0-83.62,22.81-83.62,67.15v141.9c0,45.61,27.87,68.42,83.62,68.42h265.7V107.69h-153.3v1.27Z"/>
    <path id="path8" class="cls-1" d="M282.66,214.12h-3.8c-7.6,0-15.95-3.92-21.1-8.52-4.08-3.65-10.04-11.5-15.55-17.83L146.73,43.27c-10.97-13.98-23.2-25.43-32.36-33.13-14.42-5.9-25.68-8.87-44.69-8.87H0v277.47h65.88V65.88h3.8c7.6,0,12.58,2.53,18.91,6.33,6.29,5.55,12.23,11.93,16.86,19.58l95.57,145.86c10.97,14.37,18.82,23.2,28.86,32.16,13.94,6.33,28.7,10.18,48.97,10.18h69.68V0h-65.88v214.12ZM627.83,0h-138.76C419.38,0,383.91,29.14,383.91,88.69v101.36c0,58.28,35.47,88.69,105.16,88.69h138.76c69.68,0,105.16-29.14,105.16-88.69v-101.36C732.99,30.41,697.51,0,627.83,0ZM664.57,190.05c0,15.2-12.67,24.07-36.74,24.07h-138.76c-24.07,0-36.74-7.6-36.74-24.07v-101.36c0-16.47,12.67-24.07,36.74-24.07h138.76c24.07,0,36.74,7.6,36.74,24.07v101.36ZM835.61,200.18v-27.87h279.33v-64.62h-279.33v-27.87c0-8.87,5.07-13.94,15.2-13.94h265.39V0h-265.39C795.07,0,767.19,22.81,767.19,67.15v141.9c0,45.61,27.87,68.42,83.62,68.42h266.66v-64.62h-266.66c-10.14,1.27-15.2-3.8-15.2-12.67ZM1414.61,106.43h-181.84c-10.14,0-16.47-3.8-16.47-10.14v-21.54c0-6.33,5.07-10.14,16.47-10.14h256.59V0h-256.59c-55.75,0-83.62,22.81-83.62,67.15v44.34c0,39.28,27.87,59.55,83.62,59.55h181.84c10.14,0,15.2,3.8,15.2,10.14v22.81c0,6.33-5.07,10.14-15.2,10.14h-256.59v64.62h256.59c55.75,0,83.62-22.81,83.62-67.15v-38.01c0-44.34-27.87-67.15-83.62-67.15h0ZM1532.44,0h68.42v277.47h-68.42V0ZM1902.51,106.43h-182.5c-10.14,0-16.47-3.8-16.47-10.14v-21.54c0-6.33,5.07-10.14,16.47-10.14h257.25V0h-257.25c-55.75,0-83.62,22.81-83.62,67.15v44.34c0,39.28,27.87,59.55,83.62,59.55h182.5c10.14,0,15.2,3.8,15.2,10.14v22.81c0,6.33-5.07,10.14-15.2,10.14h-257.25v64.62h257.25c55.75,0,83.62-22.81,83.62-67.15v-38.01c-1.27-44.34-29.14-67.15-83.62-67.15h0Z"/>
  </g>
</svg>
NoesisWordmarkSVGCopyCode.txt (2,507 bytes)   
PlatformAny

Activities

Issue History

Date Modified Username Field Change
2025-11-28 15:49 dstewart New Issue
2025-11-28 15:49 dstewart File Added: IllustratorCopyPasting_Compressed.mp4
2025-11-28 15:49 dstewart File Added: NoesisWordmarkSVGCopyCode.txt
2025-12-01 10:55 sfernandez Assigned To => jsantos
2025-12-01 10:55 sfernandez Status new => assigned
2025-12-01 10:55 sfernandez Target Version => Studio_Beta