Designer-tilstand og noter til AI

Se skrift, farver og afstande på ethvert element, og skriv noter, AI kan arbejde ud fra.

Tryk Designer over preview. Nu kan I klikke på et hvilket som helst element på siden og se:

Skrifttype, størrelse, vægt og linjehøjde, og hvilke af sitets farver og variabler der bruges.
Margin (orange), padding (grøn) og indhold (blå), ligesom i browserens udviklerværktøjer.
Hvilken fil og blok elementet kommer fra.

Hold Alt nede, og peg på et andet element for at måle afstanden mellem dem.

Designer-tilstand

Noter

Skriv i feltet Hvad skal ændres?, fx “Overskriften skal være mindre, ca. 56px, og der skal være mere luft over knappen.” Noten gemmes på præcis det element.

Under Noter på siden kan I trykke Kopiér til Claude og sætte noterne ind i Claude, eller bede Claude om at hente sitets noter selv via AI-forbindelsen.