The State of AI in Design Systems. A Zeroheight report /May 2026 zeroheight.com/resources/sta…

#DesignSystem #documentation is everywhere, but belongs to no one. #AI doesn't fill the gaps in fragmented, siloed documentation. It amplifies them. New piece on the @zeroheight blog 👇 zeroheight.com/blog/design-s…

✨ Introducing the zeroheight Assistant for Figma ✨ Select a component, ask a question, get answers from your design system docs - all without leaving the Figma canvas. Less interruptions, better outputs. Find out more: hubs.li/Q04hWx5X0

zeroheightの「Design Systems Report 2026」をAIに翻訳してもらった面白かった。 report.zeroheight.com/#intro デザインシステムへのAI活用「すでに組み込み済み」は10%。「実験中」46%と、まだ本格導入より試行段階の企業が多い印象。 使用領域は、コード生成、ドキュメント生成、プロトタイピングなどで、期待が高いのはドキュメント生成やプロセス自動化。肝心のデザイン生成には不安の声が大きいそうな。 この数字をどうとるか。 現在、実用的にはAIに“デザイン判断”を任せるというより、まだ運用で発生するオペレーション負荷を軽減する道具という印象だけど、個人的には実験中46%は結構多いと感じてて、来年の実用予備軍だと思えば、この位置には居てないとだよな。

AI デザインシステムについて同社初のアンケート調査を@zeroheight が実施しています。36問ぐらいです（回答によって若干変わる？）締め切りは4/14まで。 #ai #designsystem form.typeform.com/to/K1z12hJ…

It would be nice if you could integrate with story book, zeroheight, even your own figma code connect for source of truth on actual design system in both code and canvas. The md file is a workaround. Imagine I export from make and the frame has all my components and styles..

zeroheightの「Design Systems Report 2026」が公開された。147名の実務者への調査で、業界の現在地が数字で見える。かなり示唆に富む内容だったので長めに読み解きつつ整理する。 全体の構図👉 Gartnerのハイプサイクルでは、デザインシステムが「過度な期待のピーク」から「幻滅のくぼみ」へ移行中とされている。 このレポートのデータもまさにその移行期を反映している印象。「作ったのに使われない」「価値は分かるのにリソースが出ない」というジレンマが数字に表れている。 リソースと組織👉 ・チームの61%が人手不足（前年より悪化） ・最多のチーム規模は1〜2名。10人超えはごく稀 ・経営層のバイイン満足度は42%→32%へ大幅低下 ・フェデレーテッドモデルのチームは74%が人手不足と回答 レイオフで10人以上いたチームが1人になった事例もあり、「デザインシステムは完成したのになぜ人が要るのか」という問いに直面しているチームが増えている。 採用（Adoption）👉 ・5年連続で最大の課題 ・全チームに完全採用されているのはわずか7% ・信頼度は高い（42%がhigh trust）のに使われない ・採用が高いチームの共通点 → コンポーネントの充実（79%）、コミュニケーション（59%）、会社としてのマンデート（55%） ・採用が低いチームの最大要因 → マンデートの欠如（73%） 「信頼されているのに使われない」という構造が浮き彫りになっていて、これはツールや品質の問題ではなく、組織的な意思決定の問題だということを示している。 ツール👉 ・Figmaは97%で市場をほぼ独占。満足度も73% ・ドキュメンテーションは分散（Figma 69%、Storybook 61%、zeroheight 32%） ・ WebフレームワークはReact 72%が首位、Web Componentsが36%で成長中 ・コードで直接デザインする人やAIコーディングツール（Cursor、Claude Code、v0）の導入報告が増加 ・ツールの最大のギャップはデザインとコードの同期 デザイントークン👉 ・86%が導入済みだがパイプライン自動化は40%のみ ・60%が手動同期のまま ・コードからデザインへの逆方向同期はわずか11% ・マルチブランド対応のクロスライブラリ・エイリアシングは21% トークンの「概念」は浸透したが、「運用」はまだ追いついていない。声の大きいブリーディングエッジと、実態の間にかなりギャップがある。 AIの現在地👉 ・56%が実験中または組み込み済み（前年46%から増） ・主な用途 → コード生成71%、ドキュメント生成60%、プロトタイピング50% ・最も期待されている → ドキュメント生成57%、プロセス自動化40% ・最も懸念されている → デザイン生成61%、コード生成35% ・MCP等を使ったドキュメント配信はまだ12% 「AIにやってほしいこと」と「AIにやってほしくないこと」がはっきり分かれていて、実務者は驚くほど冷静。効率化ツールとしては歓迎、デザイン判断の代替には懐疑的、という線引きが明確。 コミュニティの軽視👉 ・コミュニケーションとコミュニティは信頼と採用の最大の推進要因 ・なのに専任のコミュニティ担当者がいるチームは調査全体で1チームだけ ・コミュニティ構築への不満足度は調査全体で最高の40% ここが個人的に刺さったポイント。「コミュニケーションが大事」と自分たちで言いながら、リソースを割いていない。デザインシステムの本質的な課題は、コンポーネントの品質ではなく、組織の中にどう根付かせるかの部分にある、ということを改めて感じる。

1. UX research & thinking Figma, Hotjar, Maze, Google Analytics 2. Information architecture Figma, Miro 3. Advanced UI & responsive design Figma, Framer 4. Scalable design systems Figma, Storybook, Zeroheight 5. AI in design workflow Ckaude, ChatGPT, Nanobanana Pro 6. Inclusive design & accessibility WCAG standards, contrast tools 7. High-fidelity prototyping Figma, Framer Check out educational materials at Budarina.design

タイポで再送）今年の #zeroheight のデザインシステムのレポート、ざっと内容まとめ 「Design Systems Report 2026」発表 @zeroheight 【更新】｜nobsato note.com/nobsato/n/n9668fb88…

Just pulled up some DS documentation using @claudeai , @zeroheight MCP and @figma Its definitely exciting times for designers, you can do anything!

100 Must-Have Figma Plugins for UI/UX Designers 🚀 1. Workflow & Efficiency Autoflow Autoname Breakpoints Better Font Picker Design Lint Downsize Quick Look Time Machine Artboard Studio Smart Layers 2. Visual Enhancements Beautiful Shadows Color Shades Contrast Stark Color Blind SVG Motion Gradient Maker Blur for Effect Pattern Hero Gradient Mirror 3. Content & Mockups Content Reel MagiCopy Map Maker Mockup Avatars Storyset Lorem Ipsum Figma Tokens Data Populator Placez 4. Icons & Illustrations Iconify Icon Resizer Icons8 Lottifiles Image Tracer Feather Icons Phosphor Icons Heroicons Illustration Kit Vector Icons 5. Development & Handoff Locofy UIHUT To Path Wireframes Color Styleguide Storybook Connect Code Inspector CSS Grid Layout Hex Color Reader Variable Colors 6. Backgrounds & Removals Remove BG Lazy Load Unsplash Pexels Free Stock Photos Image Compressor TinyImage Compressor Blobs Background Magic Photoslurp 7. Animation & Interactivity Figmotion Animate Me Motion by Icons8 Rive ProtoPie Flow Plugin Click & Drag Flip Book Animation Frame-by-Frame Transitions 8. Layout & Grid Guide Mate Golden Ratio Grid Generator Columns & Rows Spacing 8px Grid Baseline Grid Responsive Resize Shape Divider Auto Grid 9. Prototyping & Testing ProtoPie Plugin Maze Overflow UXPin Merge Userback Balsamiq Wireframes Zeroheight MockRocket Protopie Connector User Testing Plugin 10. Accessibility & Quality Assurance Axe DevTools Color Contrast Checker WCAG Color Checker Focus Order Checker Usability Hub Contrast Figma Accessibility Inspector High Contrast Mode Accessible Color Generator Design QA

For UI/UX Designers 😎 20 Popular Figma Plugins to Boost your UX / UI Designs Iconify Icon Resizer Wireframes Remove BG Better Font Picker MagiCopy Stark Autoflow Mockup SVG Motion Autoname Color Styleguide Color Shades Color Blind Lottifiles Locofy Mapsicle Beautiful Shadows Contrast Downsize 20 Excellent Websites for FREE images! 1. burst.shopify .com 2. pixabay .com 3. kaboompics .com 4. stocksnap .io 5. picjumbo .com 6. isorepublic .com 7. deathtothestockphoto .com 8. pixels .com 9. flickr .com 10. unsplash .com 11. freerangestock .com 12. reshot .com 13. nos.twnsnd .co 14. shutterstock .com 15. freeimages .com 16. canva .com 17. lifeofpix .com 18. depositphotos .com 19. istockphoto .com 20. gratisography .com 20 Excellent FREE Illustration Resources for UX / UI 1. absurd .design 2. blackillustrations .com 3. drawkit .com 4. humaaans .com 5. undraw .co 6. opendoodles .com 7. freebiesupply .com 8. manypixels .co 9. icons8 .com/illustrations 10. lukaszadam .com/illustrations 11. stubborn .fun 12. storyset .com 13. draftss .com 14. freevector .com 15. icons8 .com 16. blush .design 17. iradesign .io 18. icons8 .com 19. openpeeps .com 20. vectorian .net 20 Excellent Websites to get UX / UI Design Inspiration 1. Awwwards .com 2. Behance .net 3. Designspiration .com 4. Screenlane .com 5. Dribbble .com 6. SiteInspire .com 7. Onepagelove .com 8. AdmireTheWeb .com 9. Pinterest .co.uk 10. Abduzeedo .com 11. Collectui .com 12. Lapa .ninja 13. Uigarage .net 14. TemplateMonster .com 15. Thefwa .com 16. Webdesign-Inspiration .com 17. BestWebsite .gallery 18. Webflow .com/made-in-webflow 19. Siteinspire .com 20. Pttrns .com Excellent Set of UX / UI Design Tools for creators Ui DesignTools - Figma - Adobe XD - Sketch Advanced Prototyping - ProtoPie - Axure - Webflow Design Systems - Figma - zeroheight - AdobeXD User Flows - Whimsical - VisualSitemaps - Sketch Portfolio Builders - Webflow - Behance - Squarespace

Figma released updates to connectors in @Figma Make: - More partners added (@Amplitude_HQ, @Box, @HeyMarvinApp, @HiDoveTail, @ZeroHeight) - You can now build your own custom connectors

Our connector for @figma Make is now available. With zeroheight connected, Make generates prototypes shaped by your design system—not guesswork. Faster to validate and take forward. ℹ️ Make connectors: hubs.li/Q044c0Sp0 👉 zeroheight connector: hubs.li/Q044c0-J0

Some updates to connectors in Figma Make → More partners added (Amplitude, Box, HeyMarvin, DoveTail, ZeroHeight) → You can now build your own custom connectors

For UI/UX Designers 😎 20 Popular Figma Plugins to Boost your UX / UI Designs Iconify Icon Resizer Wireframes Remove BG Better Font Picker MagiCopy Stark Autoflow Mockup SVG Motion Autoname Color Styleguide Color Shades Color Blind Lottifiles Locofy Mapsicle Beautiful Shadows Contrast Downsize 20 Excellent Websites for FREE images! 1. burst.shopify .com 2. pixabay .com 3. kaboompics .com 4. stocksnap .io 5. picjumbo .com 6. isorepublic .com 7. deathtothestockphoto .com 8. pixels .com 9. flickr .com 10. unsplash .com 11. freerangestock .com 12. reshot .com 13. nos.twnsnd .co 14. shutterstock .com 15. freeimages .com 16. canva .com 17. lifeofpix .com 18. depositphotos .com 19. istockphoto .com 20. gratisography .com 20 Excellent FREE Illustration Resources for UX / UI 1. absurd .design 2. blackillustrations .com 3. drawkit .com 4. humaaans .com 5. undraw .co 6. opendoodles .com 7. freebiesupply .com 8. manypixels .co 9. icons8 .com/illustrations 10. lukaszadam .com/illustrations 11. stubborn .fun 12. storyset .com 13. draftss .com 14. freevector .com 15. icons8 .com 16. blush .design 17. iradesign .io 18. icons8 .com 19. openpeeps .com 20. vectorian .net 20 Excellent Websites to get UX / UI Design Inspiration 1. Awwwards .com 2. Behance .net 3. Designspiration .com 4. Screenlane .com 5. Dribbble .com 6. SiteInspire .com 7. Onepagelove .com 8. AdmireTheWeb .com 9. Pinterest .co.uk 10. Abduzeedo .com 11. Collectui .com 12. Lapa .ninja 13. Uigarage .net 14. TemplateMonster .com 15. Thefwa .com 16. Webdesign-Inspiration .com 17. BestWebsite .gallery 18. Webflow .com/made-in-webflow 19. Siteinspire .com 20. Pttrns .com Excellent Set of UX / UI Design Tools for creators Ui DesignTools - Figma - Adobe XD - Sketch Advanced Prototyping - ProtoPie - Axure - Webflow Design Systems - Figma - zeroheight - AdobeXD User Flows - Whimsical - VisualSitemaps - Sketch Portfolio Builders - Webflow - Behance - Squarespace

For UI/UX Designers 😎 20 Popular Figma Plugins to Boost your UX / UI Designs Iconify Icon Resizer Wireframes Remove BG Better Font Picker MagiCopy Stark Autoflow Mockup SVG Motion Autoname Color Styleguide Color Shades Color Blind Lottifiles Locofy Mapsicle Beautiful Shadows Contrast Downsize 20 Excellent Websites for FREE images! 1. burst.shopify .com 2. pixabay .com 3. kaboompics .com 4. stocksnap .io 5. picjumbo .com 6. isorepublic .com 7. deathtothestockphoto .com 8. pixels .com 9. flickr .com 10. unsplash .com 11. freerangestock .com 12. reshot .com 13. nos.twnsnd .co 14. shutterstock .com 15. freeimages .com 16. canva .com 17. lifeofpix .com 18. depositphotos .com 19. istockphoto .com 20. gratisography .com 20 Excellent FREE Illustration Resources for UX / UI 1. absurd .design 2. blackillustrations .com 3. drawkit .com 4. humaaans .com 5. undraw .co 6. opendoodles .com 7. freebiesupply .com 8. manypixels .co 9. icons8 .com/illustrations 10. lukaszadam .com/illustrations 11. stubborn .fun 12. storyset .com 13. draftss .com 14. freevector .com 15. icons8 .com 16. blush .design 17. iradesign .io 18. icons8 .com 19. openpeeps .com 20. vectorian .net 20 Excellent Websites to get UX / UI Design Inspiration 1. Awwwards .com 2. Behance .net 3. Designspiration .com 4. Screenlane .com 5. Dribbble .com 6. SiteInspire .com 7. Onepagelove .com 8. AdmireTheWeb .com 9. Pinterest .co.uk 10. Abduzeedo .com 11. Collectui .com 12. Lapa .ninja 13. Uigarage .net 14. TemplateMonster .com 15. Thefwa .com 16. Webdesign-Inspiration .com 17. BestWebsite .gallery 18. Webflow .com/made-in-webflow 19. Siteinspire .com 20. Pttrns .com Excellent Set of UX / UI Design Tools for creators Ui DesignTools - Figma - Adobe XD - Sketch Advanced Prototyping - ProtoPie - Axure - Webflow Design Systems - Figma - zeroheight - AdobeXD User Flows - Whimsical - VisualSitemaps - Sketch Portfolio Builders - Webflow - Behance - Squarespace

I’ve been testing a few ways to build without loosing Figma entirely Using design system in Figma Figma MCP > VS Code Codex > HTML/JS demo Tinkered a little with @zeroheight and @fig_mayo aswell this week but not part of a flow yet

For UI/UX Designers 😎 20 Popular Figma Plugins to Boost your UX / UI Designs Iconify Icon Resizer Wireframes Remove BG Better Font Picker MagiCopy Stark Autoflow Mockup SVG Motion Autoname Color Styleguide Color Shades Color Blind Lottifiles Locofy Mapsicle Beautiful Shadows Contrast Downsize 20 Excellent Websites for FREE images! 1. burst.shopify .com 2. pixabay .com 3. kaboompics .com 4. stocksnap .io 5. picjumbo .com 6. isorepublic .com 7. deathtothestockphoto .com 8. pixels .com 9. flickr .com 10. unsplash .com 11. freerangestock .com 12. reshot .com 13. nos.twnsnd .co 14. shutterstock .com 15. freeimages .com 16. canva .com 17. lifeofpix .com 18. depositphotos .com 19. istockphoto .com 20. gratisography .com 20 Excellent FREE Illustration Resources for UX / UI 1. absurd .design 2. blackillustrations .com 3. drawkit .com 4. humaaans .com 5. undraw .co 6. opendoodles .com 7. freebiesupply .com 8. manypixels .co 9. icons8 .com/illustrations 10. lukaszadam .com/illustrations 11. stubborn .fun 12. storyset .com 13. draftss .com 14. freevector .com 15. icons8 .com 16. blush .design 17. iradesign .io 18. icons8 .com 19. openpeeps .com 20. vectorian .net 20 Excellent Websites to get UX / UI Design Inspiration 1. Awwwards .com 2. Behance .net 3. Designspiration .com 4. Screenlane .com 5. Dribbble .com 6. SiteInspire .com 7. Onepagelove .com 8. AdmireTheWeb .com 9. Pinterest .co.uk 10. Abduzeedo .com 11. Collectui .com 12. Lapa .ninja 13. Uigarage .net 14. TemplateMonster .com 15. Thefwa .com 16. Webdesign-Inspiration .com 17. BestWebsite .gallery 18. Webflow .com/made-in-webflow 19. Siteinspire .com 20. Pttrns .com Excellent Set of UX / UI Design Tools for creators Ui DesignTools - Figma - Adobe XD - Sketch Advanced Prototyping - ProtoPie - Axure - Webflow Design Systems - Figma - zeroheight - AdobeXD User Flows - Whimsical - VisualSitemaps - Sketch Portfolio Builders - Webflow - Behance - Squarespace