JSON

O formato de texto em que os dados viajam pela web. Parece uma lista de propriedades do Figma.

Também aparece como "objeto", "chave e valor", "payload", "dados".

JSON é o formato padrão pra representar dados em texto. Chave, dois pontos, valor.

{
  "id": 42,
  "nome": "E-book do Figma pro CSS",
  "preco": 49.9,
  "publicado": true,
  "tags": ["css", "figma"],
  "autor": {
    "nome": "Danilo",
    "site": "designengineerbr.online"
  }
}

Os tipos possíveis são poucos: texto entre aspas, número, verdadeiro ou falso, nulo, lista entre colchetes e objeto entre chaves. Objeto dentro de objeto é o que dá a hierarquia.

Onde você vai esbarrar

resposta de qualquer API
exportação de tokens de design system, que sai em JSON
arquivos de configuração de projeto, tipo package.json
resultado de plugin do Figma que exporta estilos

O paralelo mais útil

Um objeto JSON é o painel de propriedades de uma camada, escrito em texto. Cada campo tem nome e valor, e alguns campos abrem em subcampos. Quando você olha uma resposta de API e reconhece essa estrutura, para de parecer código e volta a parecer o que é: uma ficha de dados.

Outros termos de JavaScript

Quer o assunto inteiro e não só a definição? Os guias pegam cada tema do começo ao fim.