Figma shaders gain 4096px exports and support inside code layers

At a glance

Figma shaders, graphics code that creates visual effects, can now be rendered and exported at up to 4096px. They can also be carried along when designs are turned into code layers. Shaders have now fully launched for every user.

Key points

1. 1

   Shaders can be rendered and exported at up to 4096px to keep their look and fine detail.

2. 2

   Shaders can be included when the build-with-code feature turns a design into a code layer.

3. 3

   To see shaders correctly in a code layer, switch the layer to Play using the control at its top right.

4. 4

   This works only in the browser on Chrome 157 and is rolling out this week.

Why it matters

Shader effects can be used in high quality and carried into real code output, narrowing the gap between design and development.