SOLCOM Figma State 2026-05-04 (vollständig, Component-Library-Walk)

Design-Snapshot · figma · supersedes: 0001-figma-state-2026-05-04.html

Einleitung


Erster vollständiger Component-Library-Walk des Figma-Files CHHDfbpX8Ys2LBiGs5HVK0 (SOLCOM — Design System — Layouts), durchgeführt am 2026-05-04 via Figma-MCP. Ergebnis: 25 Component-Library-Treffer als componentKey-Einträge plus eine bereits verifizierte echte Node-ID (1522:39115, Accordion) = 26 Frames gesamt.

Pass 2 (gleicher Stichtag): componentKey → Node-ID Resolution für alle 24 componentKey-Einträge versucht — 0 erfolgreich (API akzeptiert componentKeys nicht als nodeId-Parameter). Lücken-Re-Search mit erweiterten Queries lieferte 6 zusätzliche SOLCOM-Library-Treffer. Details siehe MAPPING.html.

Bekannte API-Limits


Library-Inventar


Relevante Library (subscribed):

Weitere verfügbare Libraries (nicht verwendet, nur zur Dokumentation):

Frame-Inventar (vollständig, inkl. Pass-2-Re-Search-Treffer)


Pass-1-Frames (26 Einträge)

Frame-NamecomponentKey / nodeIdKategorieVariants / States
AccordioncomponentKey:754ab860accordionDefault, Hover, Open
Accordion multicomponentKey:8fe38770accordionMulti-expand
Accordion BodycomponentKey:fc66aa34accordionBody-Variants
Accordion buttoncomponentKey:36a61669accordionButton-States
Accrodion BlockcomponentKey:30a40c42accordionBlock-Wrapper
FAQcomponentKey:8c69345faccordionFAQ-Variante
Icon Group (verifizierte Node-ID)nodeId:1522:39115accordionDefault, Hover, Open
BadgecomponentKey:6be15a56badgemehrere Variants
Block headingcomponentKey:633d3af3headingmehrere Variants
Blog cardcomponentKey:3de36a65cardmehrere Variants
ButtoncomponentKey:44ffb1c1buttonmehrere Variants
CardcomponentKey:cd8f7b40cardDefault (single)
Card (component_set)componentKey:4f26d096cardmehrere Variants
Cards / 3 Card verticalcomponentKey:e0cf2085cardVertical 3-col
Cards / 2 Card verticalcomponentKey:b53fdacbcardVertical 2-col
Cards / 1 horizontal CardcomponentKey:01a122a3cardHorizontal
CTAcomponentKey:55ba9f96ctamehrere Variants
FootercomponentKey:9167b5c4footermehrere Variants
FormularcomponentKey:e95846deformDesktop/Mobile
Formular / Kontakt / DesktopcomponentKey:4dd0795aformDesktop-spezifisch
Phone formcomponentKey:5c672ef7formPhone-Variant
Input formcomponentKey:60063a28formInput-Variant
ImagecomponentKey:e9278165imageDefault
Nav linkcomponentKey:274991e0navLink-States
VideocomponentKey:980fee34videoDefault
Video ImagecomponentKey:eb1f3538videoImage-Overlay

Gesamt Pass 1: 26 Einträge (25 componentKey + 1 nodeId).

Pass-2-Re-Search-Treffer (6 neue SOLCOM-Library-Frames)

SDCFrame-Name im FigmacomponentKeyQuery
anchorlink (component)componentKey:8b81c04c„Link"
blockquotequote (component)componentKey:a6b4a3f8„Quote"
card-bubble-profileprofile-card (component, Variante A)componentKey:71aeb104„Profile"
card-bubble-profile-no-buttonprofile-card (component, Variante B)componentKey:b0b79953„Profile"
card-featureFeatures (component_set)componentKey:5b2eff93„Feature"
hero-blogBlog (component_set)componentKey:1857503b„Blog"

Hinweis: Für anchor gibt es auch „Link " (component_set, 68f3797b) — könnte eine separate Mapping-Zeile rechtfertigen. Reviewer-Verdict empfohlen.

Token-State (Brand-Tokens)


14 Brand-Variablen via get_variable_defs auf Node 657:12324 geprüft (Stichtag 2026-05-04). Kein Wert-Drift zwischen Figma und theme.brand.css.

#bedc00 --brand-lime
#011c53 --brand-bg-blue
#001f46 --brand-dark-blue
#828282 --brand-gray
#ebebeb --brand-light-gray
#f59678 --brand-error
GruppeFigmaCodeStatus
Kernfarben (Lime, Dark Blue, Background, Dark Gray, Light Gray, Black, White, Error Red, Disabled Blue) Exakte Hex-Werte Matching Lowercase-Hex match
Opacity-Variants (Dark gray 0.7 / 0.4 / 0.15) Base-Color #828282 (API-Limit) color-mix(... %, transparent) partial
Gradient1 / Gradient2 Leer (API-Limit) linear-gradient(135deg/45deg …) partial

Naming-Inkonsistenz: Figma verwendet „Grey" (britisch), Code „Gray" (amerikanisch) — 3 Tokens betroffen. Kein Wert-Drift, kein ADR-Bedarf.

Bekannte Lücken (SDCs ohne Figma-Such-Treffer nach Pass 1 + Pass 2)


SDCGetestete QueriesEinschätzung
bubble-card-frameBubble, Bubble Card, FrameVermutlich Sub-Komponente innerhalb Card-Family-Frames
button-anchorButton Anchor, Link, Anchor LinkKein eigenständiger Frame vermutet
button-badgeBadge, Button BadgeKein eigenständiger Frame vermutet
button-linkButton Anchor, Link, Button LinkKein eigenständiger Frame vermutet
card-meta-listMeta List, Tag List, MetaKein SOLCOM-Treffer
groupContainer, Wrapper, Layout Group, SectionKein eigenständiger Frame vermutet
hero-billboardStage, Billboard, Hero Full, Banner, HeroKein SOLCOM-Treffer
hero-side-by-sideSplit Screen, Side by Side, Hero Split, Stage, HeroKein SOLCOM-Treffer
meta-rowMeta Row, Info Row, Tag Row, MetaKein SOLCOM-Treffer
sectionLayout, Grid Section, Content Section, SectionKein eigenständiger Frame vermutet
sticky-apply-barSticky, Apply, Apply Bar, Pinned Bar, Sticky CTAKein SOLCOM-Treffer

Hinweis: icon und text wurden bewusst nicht re-searched — per Snapshot-0002-Dokumentation nur Sub-Einbettungen, keine eigenständigen Frames.

Hinweis: hero-blog hat jetzt zwei Kandidaten-Frames (Blog card 3de36a65 + Blog 1857503b) — Reviewer-Verdict nötig vor Mapping-Zusammenführung.

Bezug zum Repo


Mapping-Stand zum Stichtag siehe MAPPING.html. Nach Pass 2: 25 Figma-seitige Zeilen + 6 neue SDC-only-zu-partial-Übergänge. Gesamt 47 Mapping-Zeilen (inkl. SDC-only-Zeilen).

Re-Sync


Um diesen Stand in 3+ Monaten zu aktualisieren:

  1. Figma-MCP authentifizieren: mcp__claude_ai_Figma__whoami.
  2. File-Key: CHHDfbpX8Ys2LBiGs5HVK0. Figma-URL: SOLCOM — Design System — Layouts
  3. Node-ID-Resolution: Ausschließlich über Figma Desktop möglich — Frame anklicken → URL auslesen (node-id=<int>-<int>).
  4. Page-Pfade: Figma Desktop öffnen → jede Page durchklicken → Frame anklicken → URL auslesen.
  5. Neue Frames finden: search_design_system mit erweiterten Such-Queries.
  6. Agent solcom-design-scanner aufrufen mit dem File-Key und dem Stand dieses Snapshots als Basis.
  7. Neuen Snapshot 0003-figma-state-YYYY-MM-DD.html anlegen, supersedes: 0002-figma-state-2026-05-04 setzen.