Briefs de design et communication visuelle

Noms de tokens de design gratuits.

Noms cohérents et groupes sémantiques.

Concevez des noms selon les rôles stables et les conventions de votre équipe.

Extension Chrome et compte requis.
25 tâches d'automatisation gratuites par mois, partagées entre les outils. Les limites du fournisseur via navigateur s'appliquent.

CE QU'IL FAUT PRÉPARER

Styles et conventions de nommage existants.

VOTRE POINT DE DÉPART

Une tâche à personnaliser.

Copiez-le ici. Collez-le dans WebAct quand vous le souhaitez.

Cette page prépare votre prompt. La tâche s'exécute dans WebAct.

01

Adaptez la tâche à vos besoins.

Relisez le prompt ci-dessus. Ajoutez votre objectif et les exigences importantes.

02

Passez à WebAct.

Ouvrez WebAct, collez la tâche et fournissez vos sources. Commencez dans Chat pour un brouillon ou une explication ; utilisez Task pour une action dans le navigateur ou un fichier avec votre approbation.

03

Vérifiez la partie utile.

Utilisez le résultat comme brouillon ou analyse modifiable. Comparez-le aux faits fournis et au public visé avant de vous y fier ou de le partager.

GUIDE PRATIQUE

Nommer les tokens selon leur fonction.

Nommez les tokens selon un rôle stable et non un aspect provisoire. Séparez valeurs primitives et usages sémantiques selon les conventions de l'équipe.

Adaptez le processus à votre tâche.

Distinguez valeurs primitives et rôles puis suivez la hiérarchie en place. Choisissez des noms valides entre thèmes et composants et documentez correspondances et usages. Cherchez collisions et alias avant de renommer.

Ce que vous fournissez
Styles et conventions de nommage existants.
Ce que vous obtenez
Noms cohérents et groupes sémantiques.

Consultez les données et le résultat.

Entrée et sortie illustratives · exemple pédagogique, pas une exécution WebAct en direct

Exemple champ

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

Exemple complet

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.
Télécharger cet exemple

Chargez ces données dans le prompt, puis copiez-le dans WebAct pour essayer la tâche. Votre résultat peut différer de l'illustration.

Décisions et dépannage.

Un token sémantique doit-il porter le nom de sa couleur actuelle ?

Préférez son rôle, par exemple action ou texte secondaire, si la valeur change selon le thème.

Pourquoi renommer casse-t-il plusieurs composants ?

Le token est peut-être largement utilisé ou sert plusieurs rôles. Inventoriez ses usages et planifiez la migration.

Essayez avec votre propre source.

Remplacez l'exemple par vos données dans le prompt. Gardez les exigences nécessaires, puis copiez la tâche dans WebAct.

Personnaliser et copier la tâche ↑
AVANT DE COMMENCER

Utiliser WebAct.

Le prompt et l'exemple sont disponibles ici. Exécutez votre tâche dans l'extension WebAct pour Chrome.

Cet outil est-il gratuit ?

Vous pouvez copier et modifier le prompt ici gratuitement. Pour l'utiliser avec WebAct, installez l'extension Chrome, créez et vérifiez votre compte, puis connectez une session ChatGPT disponible dans le navigateur. Le forfait Free inclut 25 tâches d'automatisation lancées par l'utilisateur par mois civil, partagées entre les outils. Le Chat ordinaire dans le navigateur est distinct ; les limites du fournisseur s'appliquent.

Découvrez le contexte partagé dans notre politique de confidentialité et comment choisir entre Chat ou Task.

DU PROMPT À VOTRE PROPRE TRAVAIL

Amenez la tâche sur votre page.

Installez WebAct, ajoutez vos sources et adaptez le résultat.

Installer WebAct