Briefs de diseño y comunicación visual

Nombres de tokens de diseño gratis.

Nombres coherentes y grupos semánticos.

Diseñe nombres según roles de interfaz y convenciones de su equipo.

Requiere extensión de Chrome y cuenta.
25 tareas de automatización gratis al mes, compartidas entre herramientas. Se aplican los límites del proveedor en el navegador.

QUÉ DEBES TENER PREPARADO

Estilos y convenciones de nombres existentes.

TU PUNTO DE PARTIDA

Una tarea que puedes adaptar.

Cópialo aquí. Pégalo en WebAct cuando quieras.

Esta página prepara tu prompt. La tarea se ejecuta en WebAct.

01

Adapta la tarea a ti.

Revisa el prompt de arriba. Añade tu objetivo y los requisitos que importen.

02

Llévala a WebAct.

Abre WebAct, pega la tarea y aporta tu material de origen. Empieza en Chat para un borrador o una explicación; usa Task cuando quieras una acción en el navegador o un archivo con tu aprobación.

03

Comprueba la parte útil.

Usa el resultado como borrador o análisis editable. Contrástalo con los hechos aportados y tu público previsto antes de basarte en él o compartirlo.

GUÍA PRÁCTICA

Nombrar tokens por su función y uso.

Nombre tokens por función estable, no apariencia temporal. Separe valores primitivos de usos semánticos y siga convenciones del equipo.

Adapta el flujo de trabajo a tu tarea.

Separe valores base y roles, siguiendo jerarquía existente. Elija nombres válidos entre temas y componentes; documente relaciones y usos. Compruebe conflictos y alias antes de renombrar tokens actuales.

Qué aportas
Estilos y convenciones de nombres existentes.
Qué obtienes
Nombres coherentes y grupos semánticos.

Mira la entrada y el resultado.

Entrada y salida ilustrativas · ejemplo didáctico, no una ejecución de WebAct en directo

Ejemplo campo

Interface uses blue for primary actions and gray for secondary text; dark theme planned. No exact values or existing naming convention supplied.

Ejemplo completo

Semantic roles:
color.action.primary → theme-specific primary-action primitive
color.text.secondary → theme-specific secondary-text primitive

Theme values: unresolved until actual colors and contrast requirements are supplied.
These names describe use rather than the current color; review them against existing team conventions before adoption.
Descargar este ejemplo

Carga esta entrada en el prompt y cópialo en WebAct para probar la tarea. Tu resultado puede diferir del ejemplo.

Decisiones y solución de problemas.

¿Nombrar un token semántico por su color actual?

Prefiera su papel, como acción o texto secundario, si cambia entre temas.

¿Por qué renombrar rompe componentes no relacionados?

Puede estar referenciado ampliamente o cumplir varios roles. Inventaríe usos y planifique migración.

Pruébalo con tu propia fuente.

Sustituye el ejemplo por tu material en el prompt. Conserva los requisitos que necesites y copia la tarea en WebAct.

Personalizar y copiar la tarea ↑
ANTES DE EMPEZAR

Uso de WebAct.

Aquí tienes el prompt y el ejemplo. Ejecuta tu tarea en la extensión WebAct para Chrome.

¿Esta herramienta es gratis?

Puedes copiar y editar el prompt aquí gratis. Para usarlo con WebAct, instala la extensión de Chrome, crea y verifica tu cuenta y conecta una sesión disponible de ChatGPT en el navegador. El plan Free incluye 25 tareas de automatización iniciadas por el usuario por mes natural, compartidas entre herramientas. El Chat habitual del navegador es independiente; se aplican los límites del proveedor.

Aprende sobre el contexto compartido en nuestra política de privacidad y cómo elegir entre Chat o Task.

DE UN PROMPT A TU PROPIO TRABAJO

Lleva la tarea a tu página.

Instala WebAct, añade tu material de origen y adapta el resultado.

Instalar WebAct