SaaS UI Kit — AI Act Article 50 chatbot notices & AI labels

For product designers of SaaS products with an AI assistant, AI writing or AI images that sell into the EU. Art. 50 of the EU AI Act applies since 2 August 2026.

Your product's AI features AI chat assistant or support bot AI voice agent (calls) Generates images, audio or video Generates text Publishes AI text to inform the public (news, public interest) Makes deep fakes (realistic people, places, events) Emotion recognition or biometric categorisation The AI system was on the market before 2 August 2026 Worldwide annual turnover, previous year (€) SME or start-up (under 250 staff, turnover up to €50m) Check against date

Fine cap for breaching Art. 50 (Art. 99(4), Art. 99(6))

up to €240,000

SME: 3% of €8,000,000 = €240,000 is lower than €15,000,000, so the lower figure applies.

Duty	From	Status	In this kit

Visible labels cover the notice and disclosure duties. The machine-readable marking of Art. 50(2) (metadata or watermark in the file) is engineering work and is not drawn by a UI kit.

Free: the AI chatbot notice set (4 variants) — copy an SVG into Figma

How to get it into Figma

Drag the .sketch file onto the Figma file browser to open it. It holds the variants as named, coloured shapes without text layers.
Copy an SVG and paste it into a frame: it comes in as vectors with its label.
The plugin ships as TypeScript (code.ts): run tsc to get code.js, then import manifest.json as a development plugin. It builds the 8 components as real variant sets with text.

Menu names differ by Figma version and UI language. Some component structure is simpler in the .sketch than in the plugin. Sketch users open the same .sketch file. Sources: Regulation (EU) 2024/1689 Art. 50, 99, 113; European Commission FAQ on Art. 50 (2 December 2026 for marking by systems already on the market). This checker is not legal advice.