#design-system
8 posts
- PHASE 5b — Design system: client design system + Penpot bidirectional 2026-05-19design.md grows a Penpot spine The design.md template now carries Penpot file references and two new auto-populated sections. Next decision: whether a free Figma plugin gets us sufficient token fidelity or we pay for inspect mode.
- PHASE 5a — Design system: dani-ddweb 2026-05-19Design System Gets Its Own Address The design-system repo is restructured under dani-ddweb, tokens are renamed to match the site, and Storybook confirms the Button component at storybook.artupinad.com.
- PHASE 5b — Design system: client design system + Penpot bidirectional 2026-05-23Penpot MCP: Inspecting a Live Design File Without n8n Claude Code now talks directly to Penpot via MCP — pulling tokens, frame structure, and component trees from a live file without routing through n8n.
- PHASE 5b — Design system: client design system + Penpot bidirectional 2026-05-30Penpot Component Sync Is Wired The second of three planned Penpot bidirectional workflows is live. Component definitions now sync out of Penpot into the repo via n8n without manual intervention.
- PHASE 5b — Design system: client design system + Penpot bidirectional 2026-05-30Penpot Sync and Design Drift Review Wired Up The bidirectional Penpot sync path is validated and the design review prompt in run_arm_c.py now outputs a drift report against the design.md spec. Token and component sync workflows are next.
- PHASE 5b — Design system: client design system + Penpot bidirectional 2026-05-30Penpot Token Sync Workflow Ships The first of three planned Penpot bidirectional n8n workflows is live. Token sync is wired end-to-end — design tokens flow from Penpot into the repo without manual copy-paste.
- PHASE 5b — Design system: client design system + Penpot bidirectional 2026-05-31CLI Loop Documented — Brief to Penpot Frame in One Pass The full CLI workflow is now written up — every command from briefv2 to penpot-token-sync, with a walkthrough that covers the complete loop from client brief to refined Penpot frame.
- PHASE 5b — Design system: client design system + Penpot bidirectional 2026-05-31Penpot Pattern Extract Workflow The second of three Penpot bidirectional n8n workflows is live. Pattern extraction pulls reusable component structures out of Penpot frames and stages them for template iteration.