Spring til indhold
DBR Plugins

Guide: DBR Divi Design System Importer

Denne guide fører dig fra installation til at bruge dit importerede designsystem i selve Divi Builder.

1. Installation

  1. Efter dit køb finder du plugin-filen under Min konto → Downloads — og din licensnøgle under Min konto → Mine licenser (den står også i ordrebekræftelsen).
  2. Log ind i WordPress på dit site og gå til Plugins → Tilføj nyt → Upload plugin.
  3. Vælg zip-filen, klik Installér nu og derefter Aktivér.

2. Aktivér din licens

  1. Gå til Divi → Design System Importer.
  2. Indsæt din licensnøgle (format: DBR-XXXX-XXXX-XXXX-XXXX) og gem den under licens-feltet.

Licensen dækker op til 5 sites — velegnet til bureauer, der bygger flere kundesites. Du kan altid frigive et site fra Mine licenser og bruge nøglen et andet sted.

3. Forbind til Figma (valgfrit)

  1. Opret et Personal Access Token i Figma (Settings → Security → Personal access tokens).
  2. Indsæt tokenet under “Figma-forbindelse” og gem. Klik “Test Figma-forbindelse” for at bekræfte fil-adgang, Variables API og Styles API.

4. Aktivér Divi write

Slå “Divi write-aktivering” til, når du er klar til at skrive Design Variables til Divi. Der oprettes altid en backup, før noget skrives.

5. Kør Import Wizard’en

  1. Vælg kilde: JSON (design-token-fil) eller Figma-URL.
  2. Gennemgå de foreslåede mappings — godkend alt konfliktfrit på én gang, eller rediger Divi-navne manuelt. Rækker markeret “Konflikt” betyder, at navnet/værdien allerede findes i Divi.
  3. Klik “Kør apply → Divi”.

6. Brug variablerne i Divi Builder

Dine importerede variabler ligger nu i Divis egen Variables Manager, under de Divi-navne du godkendte. Åbn et modul, gå til Design-fanen, og vælg variabel-ikonet ved siden af en indstilling (fx tekstfarve eller skriftstørrelse) i stedet for at indtaste en fast værdi — vælg din variabel fra listen. Ændrer du variablens værdi senere i Variables Manager, opdateres alle moduler, der bruger den.

7. Fortryd om nødvendigt

Under “Rollback” kan du til enhver tid vælge en tidligere backup og rulle Design Variables tilbage.

8. Opdateringer

Pluginet opdaterer sig selv: nye versioner dukker op under Kontrolpanel → Opdateringer med changelog. Kræver en gyldig licensnøgle.

Fejlfinding

  • Vedvarende fejl fra Figma, selv med korrekt token: Gem tokenet igen under “Figma-forbindelse”.
  • “Ingen importérbare design tokens fundet”: Tjek at din Figma-fil har publicerede Color/Text/Effect Styles.
  • Et token mangler efter apply: Nogle Figma style-typer (fx billede-fills) understøttes endnu ikke og springes bevidst over — det tæller som “Sprunget over”, ikke “Fejlet”.

Stadig i tvivl? Skriv til support@digitalbyroed.dk.