デジタル庁デザインシステム デジタル庁デザインシステムとは、名前の通りデジタル庁が提供しているデザインシステムです。 行政機関や公共性の高い組織のWebサイト、アプリケーションを構築する際に利用することを念頭に置いて構築されています。 2024/05/30にv2.0.0としてベータ版が公開されました。 デジタル庁デザインシステムの内訳 デジタル庁デザインシステムには以下の成果物が含まれています。 デザインシステム本体 Figmaのデザインデータ v2系 Figmaのデザインデータ v1系 React製のコードスニペット イラストレーション/アイコン素材 以降は内容物をそれぞれ確認しつつ、デジタル庁デザインシステムがどのようなものかを考えていきます。 デザインシステム本体 デジタル庁デザインシステムベータ版のWebサイトのことを指します。 はじめて本ウェブサイトを見る方への業務での活用につい
GitHub - tamagui/tamagui: Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Spectrum 2
Spectrum 2: what’s next for Spectrum, Adobe’s design system Rational. Human. Focused. Collaborative.Adobe’s products are evolving: more modern, more friendly, more accessible, and more enjoyable to use. Spectrum, Adobe’s design system creates the building blocks of user experiences, and it’s getting a major update to make it happen. Spectrum 2 is what’s next. It’s more than just a design refresh:
Make passkeys easy to use with best practices backed by user experience research. Based on open standards: Passkeys use standard public key cryptography to provide phishing-resistant authentication Phishing-resistant: Unlike passwords, passkeys are always strong and phishing-resistant Faster, simpler sign -ins: Passkeys replace password-only sign ins with secure and fast sign ins across all device
Zendesk Garden
Welcome to GardenThe source of truth for tools, standards, and best practices when building products at Zendesk. The foundations for making products with GardenThis site is an evolving library of shared knowledge that intentionally blurs the line between design, content strategy, and engineering to reinforce a cohesive user experience throughout Zendesk’s product suite.
InVision製デザインシステム管理サービス「Design System Manager」のEarly Access版を試してみた | DevelopersIO
InVision Design System Manager 2018年1月にリリースされることが発表されている「InVision」の新しいサービス「Design System Manager（DSM）」。2017年12月現在はEarly Access版（申請制）として提供されています。 Introducing InVision Design System Manager + Brand.ai is joining InVision - InVision Blog 申請が通りましたので、早速使ってみました！ できること Design System Managerでは、以下のようなことができます。 デザインシステムのバージョン管理 Color Text Styles Components Fonts Sketchプラグインによる連携 チーム管理 はじめに - オーガナイゼーションとライブラリ
dds__chevron-left
こんにちは。株式会社JMDCでヘルスケアプラットフォームサービス【Pep Up】 のフロントエンドエンジニアをしている新保です。 今年、JMDCではアドベントカレンダーに参加しています。 qiita.com 本記事は、JMDC Advent Calendar 2023 15日目の記事です。 現在、デザインシステムの導入に向けて動いている【Pep Up】。そのフロントエンジニアが他社のデザインシステムを隅々までリサーチし、「使いやすいデザインシステム」のポイントがどこにあるのか探り出そう!! という企画です。 今回は、全4回の3回目、カラー編の後編です。前編に引き続き、デザインシステムの「色」について、比較・分析を行っていきます。 1回目・2回目・3回目前半の記事はこちらからご覧ください！ techblog.jmdc.co.jp techblog.jmdc.co.jp techblog.j
こんにちは。株式会社JMDCでヘルスケアプラットフォームサービス【Pep Up】 のフロントエンドエンジニアをしている新保です。 今年、JMDCではアドベントカレンダーに参加しています。 qiita.com 本記事は、JMDC Advent Calendar 2023 14日目の記事です。 現在、デザインシステムの導入に向けて動いている【Pep Up】。そのフロントエンジニアが他社のデザインシステムを隅々までリサーチし、「使いやすいデザインシステム」のポイントがどこにあるのか探り出そう!! という企画です。 今回は、全4回の3回目。デザインシステムの「色」について、比較・分析を行っていきます。 全4回目の3回目です。文章が長くなりすぎて3回目を2回に分けることになりましたが全4回の3回目です。「完成_最終稿_FIX_20230101最新版_確定_確定2」みたいなやつです。よくあることです
10年続くユーザー体験を今、再構築する理由 AI時代のUI「スペクトラム2」 | Forbes JAPAN 公式サイト（フォーブス ジャパン）
アドビは、さまざまなプラットフォームに向けたアプリケーション、サービスに共通するデザインシステムとして「Spectrum（スペクトラム）」を2013年から10年以上に渡り提供してきた。このほど「アドビらしい体験」を再構築するためにリニューアルしたデザインシステム「Spectrum 2」を、2024年から順次導入する。Spectrum 2が誕生した背景とそれがもたらす変化を、アドビのデザイン担当バイスプレジデントのエリック・スノーデン氏にインタビューした。 拡大を続けるアドビのユーザー。ニーズも多様化アドビのアプリケーションといえばPDFドキュメントの作成・編集に使う「Adobe Acrobat」や、カメラマンの定番写真編集ツールである「Adobe Photoshop」などが広く知られているだろうか。現在はPhotoshopのようにデスクトップとモバイル、ウェブ版などユーザーが使用する環境に
Aurora Design System
Excellent applications need design systems. This is Aurora.Aurora design system is a central design guide created by the Digital Enablement Division within the Government of Canada for our digital products. Everything you need to create attractive, cohesive, practical, accessible and enjoyable digital products can be found in our design system. Aurora design system will always be free, open, colla
A Global Design System
TL;DR: This is a call to action to create a Global Design System that provides the world’s web designers & developers a library of common UI components. A Global Design System would improve the quality and accessibility of the world’s web experiences, save the world’s web designers and developers millions of hours, and make better use of our collective human potential. Sounds pretty good, right? I
Unlocking inclusive design: how Primer's color system is making GitHub.com more inclusive
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
We’d like to use analytics cookies so we can understand how you use the Design System and make improvements. We also use essential cookies to remember if you’ve accepted analytics cookies.
A comprehensive UI kit with over 600 handcrafted Material UI, MUI X, and Joy UI components for Figma. Includes 600+ high-quality components—ready to use and customize—kept up-to-date with the React component libraries (Material UI, Joy UI, and MUI X) 1,000+ icons grouped and named consistently with Material Icons in 5 themes 100+ customizable color, typography, and elevation styles 50+ frames with
GitHub - maiha2/accessibility-in-design-system: list of accessibility pages in design systems
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Introducing Spectrum 2: Our vision for the future of Adobe experience design
Introducing Spectrum 2: Our vision for the future of Adobe experience design A preview of the comprehensive update coming to Adobe's design system Imagine you’re designing a house. Your first step might be to draw a picture. To turn that picture into a house would require the input of many experts—architects, engineers, and builders—and would involve planning, teamwork, and time with each collabor
How does your design system team notify subscribers that new features are being released, bugs are being fixed, or security holes are being patched? Patrick discusses versioning strategies and the advantages of automating that process. Imagine, if you will, that we’re part of a team working together to produce some software. Our team knows that in six months, our minimum viable product (MVP) needs
GitHub - chakra-ui/panda: 🐼 Universal, Type-Safe, CSS-in-JS Framework for Product Teams ⚡️
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
kickstartDS – Open Source starter kit and next-gen UI toolkit for Design Systems
A low-code framework, UI development toolkit and comprehensive component library enabling digital teams to create consistent and brand compliant web frontends super efficiently. Easy like squeeeeezing a lemon
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Explore デジタル庁デザインシステム ベータ版
Design Guidelines - FIDO Alliance
デザインシステムめっちゃ見る③-2 カラー編 (後編) - JMDC TECH BLOG
デザインシステムめっちゃ見る③-1 カラー編 (前編) - JMDC TECH BLOG
Get started – GOV.UK Design System
MUI for Figma - MUI Store
Version Management for Design Systems