# ToDo - v7からはFigmaに移行したため、書き換える - https://www.figma.com/design/ZiEcjZ8sYt6YvowboA5Um6/GROWI-v7?node-id=450-88&t=4siV8zvvHZ3dSk8g-1 # GROWI-Design XDデザインリンク集 ## XDの使い方 (Coder 向け) ### ■■■--このセクションを読むのが面倒な人は--■■■ - デザイナーが教えに行きますので、お声がけください ### 【XDってなに】 - adobe製のwebデザインツールです - ページ遷移やクリック挙動などを擬似的に再現できるので、実際の画面っぽくデザインできます - **あくまで擬似的にやってるだけなので、あまり信用しすぎないで** ### 【ページの探し方】 - XDはページごとにURLが発行されます - URLはなるべくタスクやストーリー説明文に書いておきます。 - URLがわからなければ、デザイナーに聞くか下記のカタログから探して下さい。 ### 【クリック挙動やページ遷移を確認する】 - ボタンなどは、クリック時の挙動を設定してある場合があります - クリック可能箇所は、画面内の適当な場所をクリックした際に青く点滅します ### 【オブジェクトの詳細な数値を確認する】 - XDではフォントサイズや色変数、マージンなども確認できます - 画面右のサイドバー、``ボタンをクリックすると、「スペック表示モード」になります - 知りたいオブジェクトをクリックすると右側に詳細が表示されます ## デザインスペックURL ### マザーシップ - すべてのリンクを束ねているXDのページ - https://xd.adobe.com/view/cd3cb2f8-625d-4a6b-b6e4-917f75c675c5-986f/ ### コンポーネントカタログ | 更新日 | 更新者 | 公開物の内容 | URL(PC) | URL(SP) | 対象のストーリー | | ---------- | ------ | ---------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- | ------- | ---------------- | | 2020-10-23 | mos | ボタンいろいろ
(3連ボタン, Slackボタン, Outlined) | https://xd.adobe.com/view/cd3cb2f8-625d-4a6b-b6e4-917f75c675c5-986f/screen/487d7250-5b76-422a-9bc2-7a1f38cd75e8/ | なし | | | 2020-10-23 | mos | SubNavbar(記事ヘッダー) | https://xd.adobe.com/view/cd3cb2f8-625d-4a6b-b6e4-917f75c675c5-986f/screen/80d6480c-f3ec-495f-8ece-56bf47bb3df0/ | なし | | | 2020-10-23 | mos | 複合モーダル | https://xd.adobe.com/view/cd3cb2f8-625d-4a6b-b6e4-917f75c675c5-986f/screen/8ed796d8-14df-4349-8fea-1ac10765805a/ | | | | 2020-12-23 | mos | ページ内リンク遷移時の見た目 | https://xd.adobe.com/view/cd3cb2f8-625d-4a6b-b6e4-917f75c675c5-986f/screen/855d549a-082d-468a-a3e3-cd62f7e7e0a7 | | | | | | | | | | ### GROWI基本ページ | 更新日 | 更新者 | 公開物の内容 | URL(PC) | URL(SP) | 対象のストーリー | | ---------- | ------ | ---------------------- | ---------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------- | | 2020/10/23 | mos | 記事ページ | https://xd.adobe.com/view/cd3cb2f8-625d-4a6b-b6e4-917f75c675c5-986f/screen/d1e27523-3c28-4fc2-a7fc-e3078bdd0bbe/ | https://xd.adobe.com/view/cd3cb2f8-625d-4a6b-b6e4-917f75c675c5-986f/screen/812cbff7-747c-4fdd-bc0d-2324a2e4fb34/ | | | 2020/11/05 | mos | 新レイアウト記事ページ | https://xd.adobe.com/view/cd3cb2f8-625d-4a6b-b6e4-917f75c675c5-986f/screen/70491b40-7b6d-4268-b73a-e8e3a5b68fa7/ | | GW-3604 ユーザーホームを整理し、ページ表示時のデザインを刷新する | | 2020/10/23 | mos | edit画面 | https://xd.adobe.com/view/cd3cb2f8-625d-4a6b-b6e4-917f75c675c5-986f/screen/6ce54cb3-947b-4485-a26e-35b9e8a888b7/ | https://xd.adobe.com/view/cd3cb2f8-625d-4a6b-b6e4-917f75c675c5-986f/screen/10e65825-b3c8-432d-8fd2-6928ddd4f6c7/ | | | 2020/10/23 | mos | Not Found ページ | https://xd.adobe.com/view/cd3cb2f8-625d-4a6b-b6e4-917f75c675c5-986f/screen/4620d1ba-2119-4c75-bba1-94a8e15505dd/ | https://xd.adobe.com/view/cd3cb2f8-625d-4a6b-b6e4-917f75c675c5-986f/screen/f879be56-8897-4f0d-9887-25b3307e1fda/ | | | | | | | | | ### Editページ | 更新日 | 更新者 | 公開物の内容 | URL(PC) | URL(SP) | 対象のストーリー | | ---------- | ---------- | ------------------------ | ---------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- | ---------------- | | 2020/10/23 | mos | edit画面 | https://xd.adobe.com/view/cd3cb2f8-625d-4a6b-b6e4-917f75c675c5-986f/screen/6ce54cb3-947b-4485-a26e-35b9e8a888b7/ | https://xd.adobe.com/view/cd3cb2f8-625d-4a6b-b6e4-917f75c675c5-986f/screen/10e65825-b3c8-432d-8fd2-6928ddd4f6c7 | | | 2020/12/23 | shintaro-o | リンク編集モーダル | https://xd.adobe.com/view/cd3cb2f8-625d-4a6b-b6e4-917f75c675c5-986f/screen/916c0cdb-7283-4f00-b7de-05423c85bcc6 | | | | 2020/12/23 | shintaro-o | イージーグリッドモーダル | https://xd.adobe.com/view/cd3cb2f8-625d-4a6b-b6e4-917f75c675c5-986f/screen/c07e8e02-c485-409a-8387-ff2ad0066237 | | | | | | | | | | | | | | | | | ### [管理画面] Slack連携 | 更新日 | 更新者 | 公開物の内容 | URL(PC) | URL(SP) | | ---------- | ------ | --------------- | -------------------------------------------------------------------- | ------- | | 2021/04/15 | kaori | Slack連携ページ | https://xd.adobe.com/view/84255460-3ae9-4bd4-8158-a483d8370552-d176/ | なし | --- ## Page Navigation - Canonical URL: https://dev.growi.org/資料/XDデザインリンク集 - Permalink: https://dev.growi.org/5f926947ce36f50048dfbf09 - Parent: [資料](/5caaf6104a616f003ea56d1a.md) - Children: 0 total - Total descendants: 0 - Siblings: 23 total - [20210628_OfficialBotのプライバシーポリシー](/60d96ef26365d700499509e7.md) - [20241205_次期 GROWI AI に向けた検証](/675157a9c57689a5b995a8b0.md) - [20260406_GROWI の 魅力的な機能を考える会で出た案の仕分け](/69d341cd6814f5c97ff11eb2.md) - [20260406_Mastra 版 AI 機能のフロントエンド対応状況](/69d30f746814f5c97ff0760b.md) - [GROWI Users Meetup](/615fda2774b84479c8929de3.md) - [GROWI セミナー](/650940dec610d9b92cfd449e.md) - [GROWI ミーティングオープン村議議事録](/64f0589f1bda0ab81085bf96.md) - [Slack](/60d3109d73cb0b00491de4fa.md) - [Slackチャンネル](/60702afde4dd200049238889.md) - [WESEEK インターン生向け](/68b7f4cb85bde88d74b91b11.md) - [docs素材](/5f007b1493d37400489f3993.md) - [テンプレート例](/5ddb45355ad3e60045e1254b.md) - [デザインガイドライン](/64b92e1eaf6dac074a0f123a.md) - [デザイン検討](/63048b56e464146560f75aff.md) - [ページの操作に関して権限まとめ](/5fabd191bbeb1a0048bcb71d.md) - [マニュアル](/60b4a53f007e4c004959b6e8.md) - [リリースガイド](/63c7c158b62450f06eb85888.md) - [仕様](/695f584bf33a73195ddf8806.md) - [内部仕様](/5cc1c93a973c65003eeca8c9.md) - [外部のユーザーへの共有リンク発行](/5ed0aafdee4bc900481b55cb.md) - [外部仕様](/5f9996b89d9ead0049f0ab65.md) - [脆弱性報告対応](/5edf3789400db00048c72c4c.md) - [開発ガイドライン](/5cff50c29f29ed003e5d2984.md) - Last updated: 2024-12-26T07:25:51.533Z by fumiya-s - Full page listing (all children regardless of count): https://dev.growi.org/_api/v3/page-listing/children?id=5f926947ce36f50048dfbf09