You can now enable SVG Paths and your shapes will convert to Vectors in the output: //exportkit.com/kits/layer-kit/layer-kit-pro-options/svg-paths.

We are adding support for this, we have a huge vector and complex shape update coming soon to add support all environments. This will solve your border and vector issues.

Solution 1:

Convert to a Smart Object and you can use ${obj} tag: //exportkit.com/plugin/layer-tags/basic-layer-tags/obj-tag later when we have full support.

Solution 2:

Create a custom style using ${code} tag or External CSS, eg.

.cornerBorder{ border-top-right-radius:2em }

Then add the custom style to your shape layer, eg.

${css|style:cornerBorder} my shape layer

Solution 3:

This will involve a “trick of the eye”, draw multiple shape layers on top of each to produce the effect, eg. Draw 2 square shapes, and 1 rounded shape for the corner you require.

1. Use multiple LAYERS to do this, do not create a complex shape/vector (support for this is coming soon)

2. Because they are shapes, they do not produces additional assets – so 0% footprint, only divs are used for shapes