Focusweergave in Dev Mode

Wanneer je de weergave "Klaar voor ontwikkeling" in Dev Mode gebruikt om secties, frames en componenten te verkennen die klaar zijn voor ontwikkeling, komt het vaak voor dat je specifieke ontwerpen nader moet bekijken. Om details te krijgen voor ontwerpen die klaar zijn voor ontwikkeling, gebruik je de focusweergave in Dev Mode. Met de focusweergave krijg je:

• Alle tools die je normaal ook in de werkbalk in Dev Mode hebt staan.
• Dezelfde tabbladen Inspecteren en Plug-ins waar je ook in de volledige Dev Mode-ervaring toegang toe hebt.
• Een versiegeschiedenis met beschrijvingen die specifiek zijn voor het ontwerp dat je bekijkt, waarmee je verschillende versies kunt vergelijken en veranderingen in de loop van de tijd kunt zien.
• Een gemakkelijke manier om de lagen van een bepaald ontwerp dat klaar is voor ontwikkeling uit te klappen en te verkennen.
• De mogelijkheid om werk als voltooid te markeren voor een specifiek ontwerp.

Open als volgt de focusweergave:

1. Open een Figma Design-bestand.

2. Klik op Klaar voor ontwikkeling in de linker zijbalk.

   De weergave "Klaar voor ontwikkeling" wordt geopend en toont een lijst van alle ontwerpen met de status "Klaar voor ontwikkeling".

3. Klik op het ontwerp waar je je op wilt richten.

Of:

1. Open een Figma Design-bestand.

2. Klik op het canvas op de ontwikkelingsstatus van het ontwerp waarop je je wilt richten en selecteer Tonen in focusweergave.

   

3. Je hebt ook de optie om te klikken op Link naar focusweergave kopiëren zodat je een link naar het betreffende ontwerp kunt delen.

De focusweergave wordt geopend en toont het volgende:

• Het ontwerp dat je wilde inspecteren verschijnt in het midden van de focusweergave. Je kunt je Dev Mode-tools gebruiken voor acties zoals meten, aantekeningen toevoegen en reageren op het ontwerp.
• De tabbladen Inspecteren en Plug-ins , waar je code kunt genereren, de eigenschappen van het ontwerp kunt bekijken, verschillende items kunt exporteren of downloaden, plugins voor de Dev Mode kunt uitvoeren en meer.
• De knop Markeren als voltooid, waarmee je bevestigt dat het ontwikkelwerk voor dit ontwerp is afgerond.

Navigeer

In de focusweergave biedt Figma verschillende manieren om naar andere delen van Dev Mode te navigeren.

Om naar de weergave "Klaar voor ontwikkeling" te gaan, klik je linksboven in de focusweergave op Klaar voor ontwikkeling.

Om het ontwerp in de context van het canvas te bekijken, klik je in de rechterbovenhoek van de focusweergave op en selecteer je vervolgens Tonen op pagina.

Om terug te keren naar het gedeelte van de Figma-interface dat je gebruikte voordat je de focusweergave opende, klik je in de rechterbovenhoek van de focusweergave op . Als je de focusweergave vanuit het canvas hebt geopend, keer je terug naar de plek op het canvas waar je was gebleven. Als je vanuit de weergave "Klaar voor ontwikkeling" of via een link bent binnengekomen, keer je terug naar de weergave "Klaar voor ontwikkeling".

Lagen verkennen

De focusweergave biedt een gemakkelijke manier om de individuele lagen van een bepaald ontwerp te verkennen. Het lagenpaneel van de focusweergave verschijnt wanneer je een of meer onderdelen van het ontwerp selecteert.

Panelen Inspecteren en Plug-ins

De panelen Inspecteren en Plug-ins zijn hetzelfde als bij je normale Dev Mode-ervaring, alleen hebben ze hier puur betrekking op het ontwerp dat je aan het bekijken bent. Zie de Dev Mode-handleiding → om te lezen hoe je de panelen kunt gebruiken.

Versiegeschiedenis

Net als de versiegeschiedenis die beschikbaar is voor bestanden, bevat de focusweergave een geannoteerde versiegeschiedenis die de iteraties van het werk aan het ontwerp bijhoudt.

Normaal gesproken toont de bestandsbrede versiegeschiedenis je elke versie in een bestand, maar vaak is er veel activiteit en ben je vooral geïnteresseerd in wat er is veranderd in een specifiek frame of gedeelte dat je aan het bekijken en implementeren bent. De versiegeschiedenis in de focusweergave toont de versies en werkt hetzelfde als de bestandsbrede geschiedenis, maar is beperkt tot alleen de versies die invloed hebben op het specifieke ontwerp dat je in de focusweergave hebt geopend.

Naarmate ontwerpers en ontwikkelaars aan een ontwerp itereren, werken ze de status bij en voegen ze notities toe om de wijzigingen te beschrijven. Elke keer dat de status wordt bijgewerkt, wordt er een item aan de versiegeschiedenis toegevoegd. Je kunt ook verschillende versies vergelijken om de veranderingen tussen elke iteratie te identificeren.

Je kunt oudere versies bekijken, een link naar die specifieke versie kopieëren, of deze vergelijken met de meest recente versie in je bestand. Lees verder over vergelijken in Dev Mode →

Markeer als voltooid

Om aan te geven dat het ontwikkelwerk voor een ontwerp klaar is, gebruik je de knop Markeren als voltooid bovenaan de focusweergave.

Wanneer een ontwerp als voltooid is gemarkeerd, wordt er een nieuwe vermelding toegevoegd aan de versiegeschiedenis en blijft het ontwerp beschikbaar in de weergave "Klaar voor ontwikkeling" voor latere iteraties.