Design System 1.2.2 | Figma Community
Figma Community file - デジタルåºã‚µãƒ¼ãƒ“スデザインユニットã§ã¯ã€ä¸€è²«ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚„æ“作性ã§ã‚¦ã‚§ãƒ–サイトやアプリをæä¾›ã™ã‚‹ãŸã‚ã®ä»•çµ„ã¿ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã€ã®æ§‹ç¯‰ã«å–り組んã§ã„ã¾ã™ã€‚ã©ãªãŸã§ã‚‚構築ä¸ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‡ãƒ¼ã‚¿ã‚’閲覧ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ デザインシステム構築ã®ç›®çš„ã®è©³ç´°ã¯ãƒ‡ã‚¸ã‚¿ãƒ«åºã‚¦ã‚§ãƒ–サイトをã”覧ãã ã•ã„。 æ›´æ–°å±¥æ´ 2023.5.31 入力フォーム構築時ã®æŒ‡é‡ã¨ãªã‚‹ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’è¿½åŠ ã—ã¾ã—ãŸã‚«ãƒ©ãƒ¼ã€ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã€ãƒ†ã‚スト入力ãªã©ã‚’æ›´æ–°ã—ã¾ã—㟠2022.12.28 リンクテã‚ストã€ãƒ†ã‚ストエリアã®ã‚¬ã‚¤ãƒ‰ã‚’æ›´æ–°ã—ã¾ã—㟠2022.11.14 軽微ãªä¿®æ£ã‚’è¡Œã„ã¾ã—ãŸã‚¢ã‚¤ã‚³ãƒ³ã‚’一部修æ£...
iPadã®ç´”æ£æ–°ã‚¢ãƒ—リ「フリーボードã€ã‚’試ã™â€¦ä½¿ã„æ–¹ã€å…±æœ‰ã®åˆ¶é™ã‚’実機ã§ãƒã‚§ãƒƒã‚¯ | Business Insider Japan
アップルã¯æœ€æ–°ã®Macã€iPadã€iPhoneå‘ã‘ã«ã€Œãƒ•ãƒªãƒ¼ãƒœãƒ¼ãƒ‰ã€æ©Ÿèƒ½ã‚’リリースã—ãŸã€‚撮影：å°æž—優多郎 アップルãŒæ—¥æœ¬æ™‚é–“12月14æ—¥ã«è¿½åŠ ã—ãŸæ–°æ©Ÿèƒ½ã€Œãƒ•ãƒªãƒ¼ãƒœãƒ¼ãƒ‰ã€ã€‚ ãã®åã®é€šã‚Šã€Œè‡ªç”±ã«æã‘るデジタルボードã€ã®å½¹å‰²ã‚’æŒã¤æ©Ÿèƒ½ã ãŒã€ãã®å®ŸåŠ›ã¯ã©ã‚Œã»ã©ãªã®ã‹ã€‚ iPadOS 16.2ã€iOS 16.2ã€macOS Ventura 13.1ã«ã‚¢ãƒƒãƒ—デートã—ãŸå„端末ã§ä½¿ã£ã¦ã¿ãŸã€‚ iPad＋Apple Pencilã§ä½¿ã„ã‚„ã™ã„ホワイトボードアプリã•ã¾ã–ã¾ãªã‚ªãƒ–ジェクトã€æ›¸ãè¾¼ã¿ãŒé…ç½®ã§ãる「フリーボードã€ï¼ˆç”»åƒã¯iPad版）。画åƒï¼šç†è€…ã«ã‚ˆã‚‹ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã€Œãƒ•ãƒªãƒ¼ãƒœãƒ¼ãƒ‰ã€ã¯ã„ã‚ゆるホワイトボードアプリã®ä¸€ç¨®ã 。デジタル上ã®æ¿ã®ä¸Šã«æ–‡å—や手æãæ–‡å—ã€ä»˜ã›ã‚“ã€å†™çœŸã€å›³ãªã©ã‚’自由ã«é…ç½®ã§ãる。 ã•ã‚‰ã«ã€iCloud経由ã§å…±æœ‰ã—ã€Apple IDã‚’æŒã¤å®¶æ—や知人ã«å…±åŒç·¨é›†ã‚’ä¾é ¼ã™ã‚‹ã“ã¨ã‚‚ã§ãる。
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ã€
Adobeã«ã‚ˆã‚‹ã‚³ãƒ©ãƒœãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ールé‹å–¶ã®Figmaè²·åŽã®å ±ã‚’å—ã‘ã¦ã€åŠ‡çš„ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’増やã—ãŸä¼æ¥ãŒã‚る。スペイン発ã®ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ã€Penpotã 。 FigmaãŒå±•é–‹ã™ã‚‹ã€ŒFigmaã€ã¯ãƒ–ラウザベースã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ール。デザイナーや開発者をå«ã‚€ãƒãƒ¼ãƒ ã§ã®ã‚³ãƒ©ãƒœãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã«æœ€é©åŒ–ã•ã‚Œã¦ãŠã‚Šã€ã‚¢ãƒ—リã®UIã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ワイヤーフレームã®ä½œæˆãªã©ã«ä¾¿åˆ©ãªã“ã¨ã‹ã‚‰äººæ°—ã‚’åšã—ã¦ã„る。Adobeã‚‚Figmaã«ä¼¼ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ールã®ã€ŒAdobe XDã€ã‚’æä¾›ã—ã¦ã„ã‚‹ãŒã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリã§ã€ã‹ã¤ã€Œå‹•ä½œãŒé…ã„ã€ãªã©ã¨ã„ã£ãŸç†ç”±ã‹ã‚‰ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŸã¡ã‹ã‚‰ã®è©•åˆ¤ã¯èŠ³ã—ããªã„。一方ã€Figmaã¯ãƒ–ラウザ上ã§å‹•ä½œã™ã‚‹ãŸã‚利用環境をå•ã‚ãšã€æ“作性も高ã„ã“ã¨ã‹ã‚‰ã€å¥½è©•ã‚’å¾—ã¦ã„る。ãã®ãŸã‚è²·åŽã‚’経ã¦ã€Adobeã®è¡€ãŒå…¥ã‚‹ã“ã¨ã§FigmaãŒâ€œã‚‰ã—ã•â€ã‚’失ã†ã®ã§ã¯ãªã„ã‹ã¨å¿ƒé…ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯å°‘ãªããªã„。 冒é ã§åå‰ã‚’挙ã’ãŸPenp
è€èˆ—AdobeãŒæ–°èˆˆFigmaã‚’å·¨é¡è²·åŽã€€ä¼æ¥DXã®æ‰‹æœ¬ã«ãªã‚‹ç†ç”± - 日本経済新èž
米アドビã¯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}}