[B! figma] kiririmodeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kiririmode id:kiririmode

figmaã«é–¢ã™ã‚‹kiririmodeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Figma MCP Serverã§å¤‰ã‚ã‚‹Webé–‹ç™º | CyberAgent Developers Blog
ã¿ãªã•ã‚“ã“ã‚“ã«ã¡ã¯ã€‚æœ€è¿‘æ¸‹è°·ã§ã‚¯ãƒ¬ã‚«ã‚’è½ã¨ã—ãŸã¨ã“ã‚ã€å¶ç„¶å¼Šç¤¾ã®äººäº‹ãŒæ‹¾ã£ã¦å±Šã‘ã¦ãã‚ŒãŸã“ã¨ã§äº‹ãªãã‚’å¾—ãŸãƒ©ãƒƒã‚ãƒ¼ãƒœãƒ¼ã‚¤ã€æŸ³(@pagu0602)ã§ã™ã€‚Â æœ¬è¨˜äº‹ã¯ 2025 å¹´ 6 æœˆ 6 æ—¥ã«å…¬é–‹ã•ã‚ŒãŸSpindle MCP ã§å¤‰ã‚ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã®é–‹ç™º ~ Figma é€£æºã§å®Ÿç¾ã™ã‚‹è¶…é«˜é€Ÿé–‹ç™º ~ã§è§¦ã‚Œã‚‰ã‚Œã¦ã„ãŸã€Figma Dev Mode MCP Server ã«ã¤ã„ã¦ã€å…·ä½“çš„ãªåˆ©ç”¨æ–¹æ³•ã‚„ç‰¹å¾´ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚µãƒ¼ãƒ‰ãƒ‘ãƒ¼ãƒ†ã‚£è£½ Figma MCP Server ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã€ŒFigmaã€ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‡ãƒ¼ã‚¿ã‚’ãƒ†ã‚ã‚¹ãƒˆãƒ‡ãƒ¼ã‚¿ã¨ã—ã¦ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆã«è¿½åŠ ã§ãã‚‹ MCP ãƒ„ãƒ¼ãƒ«ãŒç™»å ´ã—ã¾ã—ãŸã€‚Â æœ‰åãªã‚‚ã®ã ã¨Â Figma-Context-MCPãŒæŒ™ã’ã‚‰ã‚Œã¾ã™ã€‚ ã“ã‚Œã‚’å—ã‘ã¦ã€Ameba ã§ã‚‚ Figma MCP Server ã‚’åˆ©ç”¨ã—ã¦é–‹ç™ºãŒã©ã®ã‚ˆã†ã«å¤‰åŒ–ã™ã‚‹ã‹æ¤œè¨¼ã—ã¾ã—ãŸã€‚ æ©Ÿèƒ½ã¨ãã®å®Ÿç¾æ–¹
kiririmode 2025/07/30
figma

mcp
ãƒªãƒ³ã‚¯
Figma MCPã¨Code Connectã§å®Ÿè£…åŠ¹çŽ‡ã‚’å‘ä¸Šã•ã›ã‚‹æ–¹æ³• - Sansan Tech Blog
ã“ã‚“ã«ã¡ã¯ã€æŠ€è¡“æœ¬éƒ¨ Contract One Engineering Unitã§AIå¥‘ç´„ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã€ŒContract Oneã€ã®é–‹ç™ºã‚’ã—ã¦ã„ã‚‹äº•ä¸Šã§ã™ã€‚ ä»Šå›žã¯ã€ç¾åœ¨å„æ‰€ã§æ³¨ç›®ã‚’é›†ã‚ã¦ã„ã‚‹Figma MCPï¼ˆModel Context Protocolï¼‰ã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ Figma MCPã¨ã¯ Figma MCPã®è¨å®šæ–¹æ³• 1. Figma ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« 2. MCPã®æœ‰åŠ¹åŒ– 3. MCPã‚µãƒ¼ãƒãƒ¼ã®è¨å®š 4. è¨å®šå®Œäº† Figma Code Connectã®è¨å®šæ–¹æ³• 1. @figma/code-connectã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« 2. ã‚¢ã‚¯ã‚»ã‚¹ãƒˆãƒ¼ã‚¯ãƒ³ã®å–å¾— 3. Figmaã¨ã®æŽ¥ç¶š 4. ã²ãªåž‹ã‚³ãƒ¼ãƒ‰ã®ç”Ÿæˆ 5. Prop Mappingã®è¨å®š 6. è¨å®šã®åæ˜ å®Ÿéš›ã®æ´»ç”¨äº‹ä¾‹ ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¿®æ£ã«çˆ†é€Ÿã§å¯¾å¿œã™ã‚‹ æ–°ã—ã„ç”»é¢ã‚’çˆ†é€Ÿã§ä½œã‚‹ ã¾ã¨ã‚ å‚è€ƒãƒªãƒ³ã‚¯ Figma M
kiririmode 2025/07/30
mcp

figma

react

design
ãƒªãƒ³ã‚¯
GitHub - TimHolden/figma-mcp-server: Model Context Protocol server implementation for Figma API
kiririmode 2025/02/13
Figmaç”¨ã®MCPã‚µãƒ¼ãƒ

mcp

figma

design
ãƒªãƒ³ã‚¯
Figma vs AdobeXDã€œè„±ãƒ»Officeã§ç”»é¢è¨è¨ˆï¼ã€œ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
kiririmode 2021/12/04
figma

xd

prototyping
ãƒªãƒ³ã‚¯
æœ€æ–°ç‰ˆã§æ¯”è¼ƒã™ã‚‹Adobe XDã¨Figmaã®é•ã„ - ãƒ‡ã‚¶ã‚¤ãƒ³æ©Ÿèƒ½ç·¨ - ICS MEDIA
è¿‘å¹´ã€UI/UXãƒ‡ã‚¶ã‚¤ãƒ³ã§æ´»èºã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã¨ã—ã¦Adobe XDã€Figmaã€Sketchã€InVisionãªã©ã•ã¾ã–ã¾ãªãƒ„ãƒ¼ãƒ«ãŒç™»å ´ã—ã¦ã„ã¾ã™ã€‚æœ¬è¨˜äº‹ã§ã¯æ—¥æœ¬ã§ã®äººæ°—ãŒé«˜ã„ã€ŒAdobe XDã€ã¨è¿‘å¹´ç››ã‚Šä¸ŠãŒã‚Šã‚’è¦‹ã›ã¦ã„ã‚‹æ–°é€²æ°—é‹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã€ŒFigmaã€ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ã¦æ©Ÿèƒ½ã®ç´¹ä»‹ã€æ¯”è¼ƒã‚’ã—ã¾ã™ã€‚ UI/UXãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã«ã¯ã€å¤§ããåˆ†ã‘ã¦ãƒ‡ã‚¶ã‚¤ãƒ³æ©Ÿèƒ½ã¨ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã‚’ä½œæˆã—å…±æœ‰ã™ã‚‹æ©Ÿèƒ½ã®2ç¨®é¡žã®æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ä»Šå›žã®è¨˜äº‹ã§ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³æ©Ÿèƒ½ã«é‡ç‚¹ã‚’ç½®ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ Adobe XDã‚’ä½¿ã£ã¦ã„ã‚‹ã‘ã©Figmaã‚‚æ°—ã«ãªã£ã¦ã„ã‚‹æ–¹ã‚„ã€ãã®é€†ã¨ã„ã†æ–¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«é¸å®šã®ãƒ’ãƒ³ãƒˆã«ãªã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ Adobe XDã¨ã¯ï¼Ÿ Adobe XDã¨ã¯ã€2017å¹´ã«æ£å¼ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸUI/UXãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚Illustratorã‚„Photoshopã¨æ“ä½œæ„ŸãŒä¼¼ã¦ãŠã‚ŠAdobeãƒ¦ãƒ¼ã‚¶ãƒ¼ã§ã‚ã‚Œã°
kiririmode 2021/12/04
xdã‚‚figmaã‚‚ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã‚„è‡ªå‹•ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ©Ÿèƒ½ãŒã‚ã‚‹

prototyping

figma

xd
ãƒªãƒ³ã‚¯
Webãƒ»ã‚¢ãƒ—ãƒªé–‹ç™ºã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒçŸ¥ã£ã¦ãŠããŸã„ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã€ŒFigmaã€ã®åŸºæœ¬ - JMDC TECH BLOG
JMDCã§ã‚¢ãƒ—ãƒªã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’5æœˆã‹ã‚‰æ‹…å½“ã—ã¦ã„ã‚‹ã¯ã‚“ã–ã‚ã§ã™ã€‚ Webã‚„ã‚¢ãƒ—ãƒªã®ãƒ•ãƒãƒ³ãƒˆé–‹ç™ºè€…ã®ã¿ãªã•ã‚“ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ« Figmaã‚’ã”å˜çŸ¥ã§ã—ã‚‡ã†ã‹ï¼Ÿ JMDCã§ã¯ã“ã‚Œã¾ã§Adobe XDã‚’ãƒ¡ã‚¤ãƒ³ã§ä½¿ç”¨ã—ã¦ã„ã¾ã—ãŸã€ä»Šå¹´ã‹ã‚‰Figmaã«ä¹—ã‚Šæ›ãˆã¾ã—ãŸã€‚ ä¹—ã‚Šæ›ãˆã«ä¼´ã„ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ä»¥å¤–ã®ãƒ¡ãƒ³ãƒãƒ¼ã«ã‚‚Figmaã‚’æ“ä½œã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã¹ãã€å‹‰å¼·ä¼šã‚’é–‹å‚¬ã—ã¾ã—ãŸã€‚ å‹‰å¼·ä¼šã¯ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§é–‹å‚¬ã€‚Figmaã§è³‡æ–™ã‚’ä½œæˆã€å‚åŠ è€…ã«è³‡æ–™ã‚’é–‹ããªãŒã‚‰Google Meetã‚’ç¹‹ã’ã¦è©³ç´°ã‚’èª¬æ˜Žã—ã¦ã„ãã¾ã—ãŸã€‚ å‹‰å¼·ä¼šã§ä½¿ç”¨ã—ãŸè³‡æ–™ã¯Figmaã®Communityã«ã‚¢ãƒƒãƒ—ã—ã¦ã„ã‚‹ã®ã§ãœã²è¦‹ã¦ã¿ã¦ãã ã•ã„ãã€‚ www.figma.com ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒFigmaã‚’è§¦ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã“ã¨ã®ãƒ¡ãƒªãƒƒãƒˆ åŸºæœ¬çŸ¥è˜ã¨åŸºæœ¬æ“ä½œ å®Ÿè£…ã™ã‚‹ãŸã‚ã«ä½¿ã† ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã«ã¤ã„ã¦ ãã®ã»ã‹ä¾¿åˆ©ãªæ©Ÿèƒ½ ã•ã„ã”ã« ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒFigmaã‚’è§¦ã‚Œ
kiririmode 2021/12/01
figmaã®æ©Ÿèƒ½æ¦‚è¦ã¨ãƒ¡ãƒªãƒƒãƒˆã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã«ã¤ã„ã¦ã‚‚ä¸€éƒ¨è§¦ã‚Œã¦ã‚‹

prototyping

figma
ãƒªãƒ³ã‚¯
Figmaã‹ã‚‰Flutterã«å¤‰æ›ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’æ¯”è¼ƒã™ã‚‹ | ãƒ•ãƒ¥ãƒ¼ãƒãƒ£ãƒ¼æŠ€è¡“ãƒ–ãƒã‚°
ã¯ã˜ã‚ã«ãƒ•ãƒ¥ãƒ¼ãƒãƒ£ãƒ¼ã§ã¯ã€Figmaã‚„Adobe XDãªã©ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã®åˆ©ç”¨ãŒä»¥å‰ã‚ˆã‚Šã‚‚å°‘ã—ã¥ã¤å¢—ãˆã¦ã„ã¾ã™ã€‚ä»Šå›žã®é¡Œæã¯Figmaã§ã™ã€‚ å…ˆæœˆã®ã€ŒAdobe XDã‹ã‚‰Flutterã«å¤‰æ›ã™ã‚‹ã€ã®è¨˜äº‹ã§ã¯ã€Adobe XDã§ä½œæˆã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’Flutterã‚³ãƒ¼ãƒ‰ã«è½ã¨ã—è¾¼ã‚€ãŸã‚ã®Tipsã‚’æ¸‹å·ã•ã‚“ãŒç´¹ä»‹ã—ã¦ãã‚Œã¾ã—ãŸã€‚XDâ†’Flutterã®å¤‰æ›ã¯ã€Adobeã¨GoogleãŒå”åŠ›ã—ã¦é–‹ç™ºã—ã¦ã„ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒã‚ã‚‹ãŸã‚ã€å¤‰æ›ãƒ„ãƒ¼ãƒ«ã®é¸æŠžè‚¢ã§è¿·ã†ã“ã¨ã¯ã‚ã¾ã‚Šç„¡ã„ã®ã‹ãªã¨æ€ã„ã¾ã™ã€‚ ãã‚Œã«å¯¾ã—ã¦ã€Figmaâ†’Flutterã®å¤‰æ›ã¯å…¬å¼ã§é–‹ç™º or æŽ¨å¥¨ã•ã‚Œã¦ã„ã‚‹ãƒ„ãƒ¼ãƒ«ãŒç„¡ãã€æ§˜ã€…ãªå€‹äººãƒ»ä¼æ¥ãŒå‡ºã—ã¦ã„ã‚‹ãƒ„ãƒ¼ãƒ«ã‹ã‚‰ã©ã‚Œã‹ã‚’é¸æŠžã—ã¦åˆ©ç”¨ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€Figmaâ†’Flutterã®å¤‰æ›ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ä¸»ãªãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã€å®Ÿéš›ã«ãã‚Œã‚‰ã‚’ä½¿ã£ã¦Flutterã‚³ãƒ¼ãƒ‰ã‚’å‡ºåŠ›ã—ãŸçµæžœã®æ¯”è¼ƒã‚’è¡Œã£
kiririmode 2021/11/14
prototype

figma

flutter
ãƒªãƒ³ã‚¯
1