Design System 1.2.2 | Figma Community
Figma Community file - デジタルåºã‚µãƒ¼ãƒ“スデザインユニットã§ã¯ã€ä¸€è²«ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚„æ“作性ã§ã‚¦ã‚§ãƒ–サイトやアプリをæä¾›ã™ã‚‹ãŸã‚ã®ä»•çµ„ã¿ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã€ã®æ§‹ç¯‰ã«å–り組んã§ã„ã¾ã™ã€‚ã©ãªãŸã§ã‚‚構築ä¸ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‡ãƒ¼ã‚¿ã‚’閲覧ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ デザインシステム構築ã®ç›®çš„ã®è©³ç´°ã¯ãƒ‡ã‚¸ã‚¿ãƒ«åºã‚¦ã‚§ãƒ–サイトをã”覧ãã ã•ã„。 æ›´æ–°å±¥æ´ 2023.5.31 入力フォーム構築時ã®æŒ‡é‡ã¨ãªã‚‹ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’è¿½åŠ ã—ã¾ã—ãŸã‚«ãƒ©ãƒ¼ã€ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã€ãƒ†ã‚スト入力ãªã©ã‚’æ›´æ–°ã—ã¾ã—㟠2022.12.28 リンクテã‚ストã€ãƒ†ã‚ストエリアã®ã‚¬ã‚¤ãƒ‰ã‚’æ›´æ–°ã—ã¾ã—㟠2022.11.14 軽微ãªä¿®æ£ã‚’è¡Œã„ã¾ã—ãŸã‚¢ã‚¤ã‚³ãƒ³ã‚’一部修æ£...
iPadã®ç´”æ£æ–°ã‚¢ãƒ—リ｢フリーボード｣を試ã™â€¦ä½¿ã„æ–¹ã€å…±æœ‰ã®åˆ¶é™ã‚’実機ã§ãƒã‚§ãƒƒã‚¯
アップルãŒæ—¥æœ¬æ™‚é–“12月14æ—¥ã«è¿½åŠ ã—ãŸæ–°æ©Ÿèƒ½ï½¢ãƒ•ãƒªãƒ¼ãƒœãƒ¼ãƒ‰ï½£ã€‚ ãã®åã®é€šã‚Šï½¢è‡ªç”±ã«æã‘るデジタルボード｣ã®å½¹å‰²ã‚’æŒã¤æ©Ÿèƒ½ã ãŒã€ãã®å®ŸåŠ›ã¯ã©ã‚Œã»ã©ãªã®ã‹ã€‚ iPadOS 16.2ã€iOS 16.2ã€macOS Ventura 13.1ã«ã‚¢ãƒƒãƒ—デートã—ãŸå„端末ã§ä½¿ã£ã¦ã¿ãŸã€‚
Notion (ã¨Figma) ã§å¼•ã£è¶Šã—ãŒã‚¹ãƒ ーズã«çµ‚ã‚ã£ãŸè©± | Notion 活用方法 #03｜Sakino Tomiura
Notionを使ã„始ã‚ã¦ç´„1å¹´ã»ã©ã€ã„よã„よãªã„ã¨å›°ã‚‹ãƒ—ãƒãƒ€ã‚¯ãƒˆNo.1ã«ãªã£ã¦ãã¾ã—ãŸã€‚ ã„ã‚ã„ã‚活用ã—ã¦ã„ã‚‹ä¸ã§ã‚‚ã€æœ€è¿‘特ã«å½¹ç«‹ã£ãŸã€Œå¼•ã£è¶Šã—ã«Notionを活用ã—ãŸãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã€ã‚’ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 📠引ã£è¶Šã—ã®æ¦‚è¦ ãƒªãƒ¢ãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ãŒå§‹ã¾ã‚Šã€ä½ã‚“ã§ã„ãŸå®¶ãŒæ‰‹ç‹ã«ãªã£ãŸãŸã‚ã€æ›´æ–°ã‚’ãã£ã‹ã‘ã«å¼•ã£è¶Šã—。特ã«ã‚¨ãƒªã‚¢ã‚’決ã‚ãšã€æ±äº¬å…¨åŸŸã§ç‰©ä»¶æŽ¢ã—ã‚’ã—ã¦ã„ãŸã€‚ 📠Notionを使ã£ãŸãã£ã‹ã‘ åŒå±…ã—ã¦ã„る彼（åŒã˜ãNotion&Figmaユーザー）ã¨ã€å‰å›žã®å¼•ã£è¶Šã—ã¯ã‚¹ãƒ—レッドシートã§å…¨ã¦ç®¡ç†ã—ã¦ã„ãŸã®ã§ã™ãŒã€å®¶é–¢é€£ã®ã“ã¨ã‚’Notionã§ã¾ã¨ã‚ã¦ã„ãŸã“ã¨ã‚‚ã‚ã‚Šã€ä»Šå›žã¯å¼•ã£è¶Šã—ã®ã™ã¹ã¦ã‚’Notionã§ã¾ã¨ã‚ã‚‹ã“ã¨ã«ã€‚ 📠使用ã—ãŸãƒ„ール・サービス Notion / Figma / Pinterest / Live Home 3D / ietty (物件探ã—) 引ã£è¶Šã—ã¨è¨€ã£ã¦ã‚‚ã€
デジタルツールをフル活用ã—ãŸå¦ç¿’方法をã¾ã¨ã‚ã¦ã¿ãŸ | Notion 活用方法 #04｜Sakino Tomiura
ã“ã®è¨˜äº‹ã®ã‚µãƒžãƒªãƒ¼ã“ã®noteã§ã¯ã€ãƒ¯ã‚¤ãƒ³ã‚¨ã‚スパートã¨ã„ã†è³‡æ ¼ã‚’å–å¾—ã™ã‚‹ã«ã‚ãŸã£ã¦ã€Notionã‚„Figmaãªã©ã®ãƒ‡ã‚¸ã‚¿ãƒ«ãƒ„ールを活用ã—ãªãŒã‚‰ç´„åŠå¹´ã»ã©å‹‰å¼·ã—ãŸæ–¹æ³•ã‚’ã€ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã“ã¡ã‚‰ã¯è³‡æ ¼ã®å†…容関係ãªã「ツールを活用ã—ã¦ã®å‹‰å¼·æ–¹æ³•ã€ã«ãªã£ã¦ã„ã¾ã™ãŒã€ãƒ¯ã‚¤ãƒ³ã‚¨ã‚スパートã®è³‡æ ¼ã«ã¤ã„ã¦ãƒ»å‹‰å¼·æ–¹æ³•ã¯ã€Œæ—¥æœ¬ã‚½ãƒ リエå”会èªå®šã€Œãƒ¯ã‚¤ãƒ³ã‚¨ã‚スパートã€ã«åˆæ ¼ã—ã¾ã—ãŸðŸ· ã€ã®noteã«ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ ã™ã¹ã¦ã¯Notionã®ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã§ç®¡ç†Notionã‚’ã¤ã‹ã£ãŸã‚¿ã‚¹ã‚¯ç®¡ç†ã‚„æƒ…å ±åŽé›†ãªã©ã¯æ—¥é ƒã‹ã‚‰è¡Œã£ã¦ã„ãŸã®ã§ã€å‹‰å¼·ã‚’始ã‚ã‚‹ã«ã‚ãŸã£ã¦ã€å…¨ã¦ã®ãƒãƒ–ã«ãªã‚‹ã‚ˆã†ãªãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã‚’ã¤ãã‚‹ã“ã¨ã‹ã‚‰ã¯ã˜ã‚ã¾ã—ãŸã€‚ 実際ã«ä½¿ã£ã¦ã„ãŸãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰å®Ÿéš›ã«é‹ç”¨ã—ã¦ã¿ã¦ã€ã€Œ1ã¤ã®å ´æ‰€ã«ã™ã¹ã¦æƒ…å ±ãŒã‚ã¤ã¾ã‚‹ã€ã€Œæ¤œç´¢æ€§ãŒé«˜ã„ã€ã€Œè‡ªç”±åº¦ãŒé«˜ãカスタマイズã—ã‚„ã™ã„ã€ã®3点ãŒã¨ã¦ã‚‚今回ã®å‹‰å¼·ã¨ç›¸æ€§ãŒã‚ˆãã€å¤§å¦æ™‚代ã«No
ãれもã¾ãŸUIã ã。インタフェース散æ©ï¼(1) プãƒãƒ€ã‚¯ãƒˆé–‹ç™ºã®è©¦è¡ŒéŒ¯èª¤ã‚’高速ã«å›žã™
ã“ã‚“ã«ã¡ã¯ã€‚Helpfeelã®CTOã‚’å‹™ã‚る秋山åšç´€ã§ã™ã€‚当社ã§ã¯Gyazoã€Scrapboxã€Helpfeelã¨ã„ã£ãŸB to C（個人å‘ã‘）WebサービスやB to B（法人å‘ã‘）Webサービスãªã©ã€ã•ã¾ã–ã¾ãªãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’開発ã—ã¦ã„ã¾ã™ã€‚ã“ã®é€£è¼‰ã®åŸ·ç†ã¯ã€ã“れらã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã®è²¬ä»»è€…ã§ã‚るエンジニアãƒãƒ¼ãƒ ã®ãƒ¡ãƒ³ãƒãƒ¼ãŒæ‹…当ã—ã¾ã™ã€‚ç§ã‚‚å«ã‚ã¦ã€å„メンãƒãƒ¼ã¯å€‹äººã§ã‚‚ソフトウェアを開発ã—ã¦ä¸–ã«å‡ºã—ã¦ã„ã¾ã™ã€‚ ã•ã¦ã€äººã¨ã‚³ãƒ³ãƒ”ュータã®é–¢ä¿‚を考ãˆã‚‹ã¨ã€äºŒè€…é–“ã«ã¯å¸¸ã«ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãŒå˜åœ¨ã—ã¾ã™ã€‚本連載ã§ã¯äººã¨ã‚³ãƒ³ãƒ”ュータを介在ã™ã‚‹ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã«ç€ç›®ã—ã€ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã¨ãれらを世ã«ç”Ÿã¿å‡ºã™ãƒ—ãƒãƒ€ã‚¯ãƒˆé–‹ç™ºã«ã¤ã„ã¦è°è«–ã—ã¾ã™ã€‚åˆå¦è€…ã®æ–¹ã‹ã‚‰ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ã®æ–¹ã¾ã§ã€ä½•ã‚‰ã‹ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆé–‹ç™ºã®ãƒ’ントをæŒã£ã¦å¸°ã£ã¦ã„ãŸã ã‘るよã†ãªé€£è¼‰ã‚’目指ã—ã¾ã™ã€‚ 当社Helpfeelã¯ã€ã•ã¾ã–ã¾ãªæ–¹ã‹ã‚‰ã€Œãƒ—ãƒãƒ€ã‚¯ãƒˆã®ä¼šç¤¾ã§
Adobeã®Figmaè²·åŽã§ç™»éŒ²è€…æ•°ã¯æœˆæ¬¡ã§56å€ã€Googleも使ã†ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ール「Penpotã€
英å—æ–°èžç¤¾ã‚¸ãƒ£ãƒ‘ンタイムズã€ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—メディア・テッククランãƒã§ã®è¨˜è€…経験を経ã¦ã€ãƒ€ã‚¤ãƒ¤ãƒ¢ãƒ³ãƒ‰ç¤¾ã®ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—担当記者ã«ã€‚最近ã¯ãƒ•ãƒ¼ãƒ‰ãƒ†ãƒƒã‚¯ã‚„ãƒ¢ãƒ“ãƒªãƒ†ã‚£é ˜åŸŸã«æ³¨ç›®ã—ã¦ã„る。趣味ã¯ã‚®ã‚¿ãƒ¼ã‚„シンセサイザーã ãŒç·ã˜ã¦ä¸‹æ‰‹ã€‚2020å¹´7月よりダイヤモンド社「DIAMOND SIGNALã€è¨˜è€…。 From DIAMOND SIGNAL スタートアップやDX（デジタルトランスフォーメーション）を進ã‚る大ä¼æ¥ãªã©ã€ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã‚’æ¦å™¨ã«æ–°ãŸãªç”£æ¥ã‚’生ã¿å‡ºã•ã‚“ã¨ã™ã‚‹ã€ŒæŒ‘戦者ã€ã€‚彼ら・彼女ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ã¦æƒ…å ±ã‚’å±Šã‘る媒体「DIAMOND SIGNALã€ã‹ã‚‰ã€ã‚ªã‚¹ã‚¹ãƒ¡ã®è¨˜äº‹ã‚’転載ã—ã¾ã™ã€‚※DIAMOND SIGNALã¯2024å¹´1月をもã£ã¦ã€ãƒ€ã‚¤ãƒ¤ãƒ¢ãƒ³ãƒ‰ãƒ»ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã¨çµ±åˆã„ãŸã—ã¾ã—ãŸã€‚ã™ã¹ã¦ã®è¨˜äº‹ã¯æœ¬é€£è¼‰ã‹ã‚‰ãŠèªã¿ã„ãŸã ã‘ã¾ã™ã€‚ ãƒãƒƒã‚¯ãƒŠãƒ³ãƒãƒ¼ä¸€è¦§ Adobeã«ã‚ˆã‚‹ã‚³ãƒ©ãƒœãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ールé‹å–¶ã®Figmaè²·åŽ
è€èˆ—AdobeãŒæ–°èˆˆFigmaã‚’å·¨é¡è²·åŽã€€ä¼æ¥DXã®æ‰‹æœ¬ã«ãªã‚‹ç†ç”±ã€€æ•™ãˆã¦å±±æœ¬ã•ã‚“ï¼BizTech基礎講座 - 日本経済新èž
米アドビã¯2012年創æ¥ã®ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ä¼æ¥ã§ã‚るフィグマ（Figma）を約2å…†8700億円ã§è²·åŽã™ã‚‹ã¨ç™ºè¡¨ã—ã¾ã—ãŸã€‚フィグマã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®å…±åŒç·¨é›†ã‚½ãƒ•ãƒˆã‚¦ã‚¨ã‚¢ã‚’手ãŒã‘ã¦ãŠã‚Šã€ã‚¢ãƒ‰ãƒ“ã®æ„æ€æ±ºå®šã«ã¯æ—¥æœ¬ã®å¤§ä¼æ¥ãŒã€Œãƒ‡ã‚¸ã‚¿ãƒ«ãƒˆãƒ©ãƒ³ã‚¹ãƒ•ã‚©ãƒ¼ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆDX）ã€ã‚’進ã‚ã‚‹éš›ã®ãƒ’ントãŒéš ã‚Œã¦ã„ã¾ã™ã€‚アドビã«ã‚ˆã‚‹ãƒ•ã‚£ã‚°ãƒžè²·åŽã¯ã€ã‚¢ãƒ‰ãƒ“ãŒè¡Œã£ãŸè²·åŽã®ä¸ã§ã‚‚高é¡ã§ã™ã€‚アドビãŒãƒ•ã‚£ã‚°ãƒžã®è²·åŽã«æŠ•ã˜ã‚‹é‡‘é¡ã¯ã€æ—¥æœ¬ã®ä¸Š
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Xユーザーã®suin・èªè€…6万人『サãƒã‚¤ãƒãƒ«TypeScriptã€å…¬é–‹ä¸ï¼ã•ã‚“: 「1. ホワイトボードã®å†™çœŸã‚’ChatGPTã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¦ã€ã€Œã“れをGraphvizã«ã—ã¦ã€ã¨ä¼ãˆã‚‹ã€‚ 2. GPTãŒç”Ÿæˆã—ãŸDot言語をコピーã—ã¦ã€dotコマンドã§SVGファイルを作る。 3. SVGファイルをFigmaã«æŒã£ã¦ã„ã編集ã™ã‚‹ã€‚ ã“ã‚Œã§ã‚¢ãƒŠãƒã‚°ãªãƒ©ãƒ•ã‚¹ã‚±ãƒƒãƒãŒã€ç·¨é›†å¯èƒ½ãªãƒ‡ãƒ¼ã‚¿ã«åŒ–ã‘る。 https://t.co/lUV0yzEK2R〠/ X
rikika | プãƒãƒ€ã‚¯ãƒˆã‚’作りã¾ãるデザインエンジニアã•ã‚“ã¯Twitterを使ã£ã¦ã„ã¾ã™: 「デジタルåºã®Figmaã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰æ—¥æœ¬ä¸€ã®ã‚¯ã‚ªãƒªãƒ†ã‚£ ・デザインシステムã¨ã—ã¦è¦‹ã‚„ã™ãã€ãƒˆãƒ¼ã‚¯ãƒ³ã‚„サイズã®è¨˜è¼‰ãŒä¸å¯§ ・ガイドã¨ã—ã¦UIã®åŸºæœ¬åŽŸå‰‡ã‚„アクセシビリティã«ã¤ã„ã¦ã‚‚網羅 ・命åやサイズ分ã‘ãªã©å®Ÿè£…ã‚’å«ã‚ãŸé‹ç”¨Tipsã¾ã§ å‚考ã«ãªã‚Šã¾ãã‚Šãªã®ã§ã€å…¨IT人æã«èªã‚“ã§ã»ã—ã„ URL↓ https://t.co/RURSdTveow〠/ Twitter
â„ð”¸ð•ð”¸ð•‹ð•† â—¬ â„•ð•¦ð•ð•ð•šð•¦ð•¤ã•ã‚“ã¯Twitterを使ã£ã¦ã„ã¾ã™: 「ã“ã‚Œfigmaã§è¦‹ãŸæ™‚ã‚ã£ã¡ã‚ƒç¬‘ã£ãŸ https://t.co/Agx361Vn5N〠/ Twitter
{{#tags}}- {{label}}
{{/tags}}