Border vs Outline

Hey!

In code, border and outline are different things.

In Figma, when we define the stroke of a component, the dev mode always shows the border. Even if the border is outside.
This is important, for example, when defining the focus state, which should be outline, not border.
This way, when developers implement the component we’ve designed and use the Figma specs… they implement everything as a border and not as an outline.

I think it would be interesting to differentiate between those two things so that there is more uniformity between the language of designers and developers.

2 Likes