# Layers misaligned

Great care has been taken to align layers as pixel-perfect as possible, but because of the differences in each app's coordinate syste, it doesn’t always work quite right. Text can be problematic. The easiest solution is to export a reference image of your artboard, import it into Ae and place it on top of your layers with a reduced opacity. This will give you something to manually align layers.

# Kerning or multiple fonts/styles

Unfortunately, it is not possible in After Effects to set per-character variation type. A workaround for this is to hightlight text in Figma/Sketch, copy, then in Ae select the misaligned layer, highlight the text and paste. This will create a text layer in the correct position then apply styling.

# Blending modes aren't blending

Ae shape layers have multiple blending modes. Internal blending modes (on fills and strokes) will mix internally but not with other layers. This behavior is different than in Sketch where a layer’s fill color will mix with other layer’s below it. So if colors are looking a little off between layers, this is why. You'll need to manually set the layer's blending mode to affect other layers.

# Grouped layers aligned to top left

Sketch layers positioning is relative. Meaning, if a selected layer is inside a group the layer’s comp position will be zeroed out by the parent group layer. Manually align these layers or select the whole group hierarchy.

# Drop shadows on groups

Inside of Sketch, a drop shadow may be applied to a group and that shadow will apply the layers within. Since Ae does not natively support grouping, this drop shadow will be applied to the parent layer of the group, which is not really visible. In order to preserve the appearance, be sure to enable the Precomp Groups option.

More questions

Need more help? Email motiondesign@google.com