'I just want to stretch this part, but when I resize it, the element shape gets distorted…'
Have you ever faced this issue while designing?
With regular SVG elements, changing the width and height can distort the shape, which makes them hard to use.
However, 'Scalable' elements are designed to solve this exact problem. They allow certain parts to be resized/stretched without breaking the element's overall shape.
You can create and upload a Scalable element just like any other SVG.
During the metadata input stage, you can choose the 'Expansion Type' as either 'Basic' or 'Scalable', depending on how you want the element to behave.
Left: Basic SVG element / Right: Scalable SVG element
For SVG elements like pencils, speech bubbles, sticky notes, boxes, and flags, where partial resizing is useful, we recommend selecting 'Scalable' as the "Expansion Type" when submitting your content.
Still unsure how Scalable elements work?
Click the link below to try them out for yourself:
Please note that Scalable elements are not a new content type. They are standard SVG elements that are registered with the 'Scalable' option selected under the "Expansion Type" setting.
For more information, refer to the SVG Element Guide below.