--- title: "Tokens de forma" description: "La escala de radios de esquina y el único número que dice cómo se curva una esquina." url: "https://tanrei.chnotchy.com/es/tokens/shape/" last_updated: 2026-10-23T17:33:05.000Z --- # Tokens de forma > La escala de radios de esquina y el único número que dice cómo se curva una esquina. Radios de esquina bajo `tanrei.sys.shape.corner`. Para las pautas de uso, lee [Forma](https://tanrei.chnotchy.com/es/foundations/shape/). | Token | Valor | Notas | | --- | --- | --- | | `--tanrei-sys-shape-corner-none` | 0px | | | `--tanrei-sys-shape-corner-extra-small` | 3px | | | `--tanrei-sys-shape-corner-small` | 6px | Default for controls: buttons, inputs, menu items, tooltips. | | `--tanrei-sys-shape-corner-medium` | 8px | | | `--tanrei-sys-shape-corner-large` | 12px | | | `--tanrei-sys-shape-corner-large-increased` | 14px | | | `--tanrei-sys-shape-corner-extra-large` | 16px | | | `--tanrei-sys-shape-corner-extra-large-increased` | 20px | | | `--tanrei-sys-shape-corner-extra-extra-large` | 24px | | | `--tanrei-sys-shape-corner-full` | 9999px | Opt-in only: avatars, badges, segmented controls, pill variants. | Generado a partir de `design/tokens/tanrei.light.tokens.json`, `tokens/sys/shape.tokens.json` ## Suavizado de esquinas `tanrei.sys.shape.corner-smoothing` es una cantidad de 0 a 1 con el significado de Figma: 0 es un cuarto de círculo, 0.6 es lo que Figma llama la esquina de iOS y 1 es la más suavizada. El radio no cambia con ella. La construcción de Figma es lo que significa la cantidad; Compose y Flutter la dibujan, la web dibuja la superelipse más cercana, y SwiftUI y React Native en iOS, la curva del sistema operativo (las distancias están en [Forma](https://tanrei.chnotchy.com/es/foundations/shape/#suavizado-de-esquinas)). Por sistema incluido: | Sistema de diseño | `corner-smoothing` | | --- | --- | | `tanrei` | 0 | | `cupertino` | 0.6 | | `m3-expressive-like` | 0 | | `m3-like` | 0 | Generado a partir de `tokens/systems/*.system.json`, `design/tokens//tanrei.light.tokens.json`