SEO and semantic tags

For your design to have a correct and SEO friendly semantic structure you can use the following tags inside square brackets:

semantic tags in figma

Texts

If the text has no tag it will be a paragraph [p]

[span]: You can use span for low relevance o short texts.

[h1], [h2], [h3], [h4], [h5], [h6]: Define your headings correctly.

Lists

[ul] and [li]: You can use these tags for your lists.

Sections, containers and blocks

All wrappers with auto layout will be [block]s with display flex if they do not have any label.

[section] and [container]: You can also change the block type with these tags.

YouTube video