G Graphics Studio
Kit de herramientas · Claude Code
Para usar junto a Claude Code
Posición del texto

Haz clic en el canvas o usa los controles · Luego copia y pega en Claude Code

0
200
400
600
800
960 — centro
1200
1400
1600
1800
1920
hover y
370
posición elegida

Tu texto

Haz clic en una palabra para resaltarla (no cambia de lugar).
Haz clic en el punto · entre dos palabras para empezar una línea nueva ahí (↵). Puedes activar varios para tener 3 o más líneas. Vuelve a hacer clic en un ↵ para quitar esa división.

Posición vertical (top)

370px

y=0 = arriba · y=960 = centro · y=1920 = abajo

Texto normal

80px

Texto resaltado

120px

Separación entre líneas

0px

Negativo = líneas superpuestas · Positivo = más espacio

Mira el canvas de la izquierda — el texto se actualiza en tiempo real.

Cuando estés conforme, copia la línea de abajo y pégala en Claude Code.

Copia y pega: "top: 370px, normal: 80px, resaltado: 120px"
Tamaño de elementos

Ajusta el elemento hasta que se vea como quieres · Luego copia y pega en Claude Code

540
width
270
height
270
left
825
top

Tamaño

540px
270px

Posición

270px
825px

Bordes redondeados

30px

Mira el canvas de la izquierda — el elemento se actualiza en tiempo real.

Cuando estés conforme, copia la línea de abajo y pégala en Claude Code.

Copia y pega: "width: 540px, height: 270px, left: 270px, top: 825px, border-radius: 30px"
Colores

Saca el hex de cualquier imagen · o abre el mapa de colores directamente

#EFCFFA
rgb(239, 207, 250)
🖼️
Haz clic para subir una imagen
o arrastra y suelta aquí · PNG, JPG, WebP

Mueve el cursor para previsualizar · Haz clic para fijar el color (se guarda en la paleta y queda listo para copiar)

#EFCFFA
rgb(239, 207, 250)
✓ Guardado
Colores guardados
Haz clic en la imagen para guardar colores aquí