ðïž Design MaterialsïŒã¯ãŒã¯ãããŒãã¹ããŒãã¢ãã!䟿å©ãªFigmaã®ãŠãŒãã£ãªãã£ã»ãã©ã°ã€ã³
FigmaãŠãŒãã£ãªãã£ã»ãã©ã°ã€ã³ãšã¯ïŒ
ãã©ã°ã€ã³ïŒPlug inïŒã¯ãæ¬æ¥ã差蟌å£ããšããæå³ã§ãããããã§ã¯Figmaã®æ©èœãæ¡åŒµãããœãããŠã§ã¢ãæå³ããŸãã
Figmaã®ã¢ããªã±ãŒã·ã§ã³ã«åå¥ã«è¿œå ããŠããŒãžã§ã³ã¢ãããå¯èœã§ãäžèŠã«ãªãã°ãã¢ããªã±ãŒã·ã§ã³ã«åœ±é¿ãäžããããšãªãåé€ããããšãã§ããŸãã
ä»åã¯å埩çãªã¿ã¹ã¯ãå éãããç§ãã¡ã®ã¯ãŒã¯ãããŒã®æ¹åãæå©ãããŠããããŠãŒãã£ãªãã£ã»ãã©ã°ã€ã³ãã玹ä»ãããŠããã ããŸãã
Product Planner
äœæè
ïŒHexorial Studio
Hexorial Studioã®Product Plannerã¯ããããã¯ããããŒãžã£ãŒãšãã¶ã€ããŒãäžç·ã«ãããžã§ã¯ãããã°ããéå§ã§ããããã«ããã䟿å©ãªãããã¯ãèšç»ããã³ç®¡çè³ç£ã®ãªã¹ããåãããã©ã°ã€ã³ã§ãã
ç»åïŒuxplanetãïŒãã³ãã¬ãŒããéžæããŠããç»åïŒ
ããã°ãããŒããã¬ã³ããã£ãŒããæ©èœã®åªå
é äœä»ããã£ãŒããªã©ãããã€ãã®äŸ¿å©ãªæ¢è£œã®ãã³ãã¬ãŒãããããŸãã ãŸããç 究è
ããã¶ã€ããŒã䜿çšã§ãããã¬ãŒã³ã¹ããŒãã³ã°ãã³ãã¬ãŒããä»ç®ããžã£ãŒããŒãããããããŸãã åºæ¬çã«ããã©ã°ã€ã³ã¯ããããã¯ãããŒããããã®æ¹åæ§ãæ確ã«ããããã«å¿
èŠãªãã¹ãŠã®ã¯ã³ã¹ããããªãœãŒã¹ã§ãã
ããã«ããWork Remote like a Bossãã¯ããªãµãŒãã£ãŒããã¶ã€ããŒãFigmaã§æ¥œãããã¬ã€ã³ã¹ããŒãã³ã°ã»ãã·ã§ã³ãå®æœããã®ã«åœ¹ç«ã€åªãããã¡ã€ã«ã§ãã ãããã®ãã³ãã¬ãŒãã¯ãå©å®³é¢ä¿è
ããžã£ãŒããŒããããšãããŒãã£ãŒããç°¡åã«äœæããã®ã«ã圹ç«ã¡ãŸãã
Figma Chat
äœæè ïŒHexorial Studio
Philã«ããFigmaChatã¯ããã®ååã瀺ãããã«ãFigmaå ã§å ±åç·šéè ãšäŒè©±ããã®ã«åœ¹ç«ã€ãã£ãããã©ã°ã€ã³ã§ãã
ãã®ãããç°¡åãªè³ªåãããããã«ããŠã£ã³ããŠãslack / teamã«åãæ¿ããããFigmaããŒãžã«ã³ã¡ã³ããè¿œå ãããããå¿
èŠããªãå ŽåããããŸãã ãã©ã°ã€ã³ã®æè¯ã®éšåã¯ãããŒãžäžã®ã¬ã€ã€ãŒ/ãªããžã§ã¯ããéžæããã ãã§ãå©å®³é¢ä¿è
ãç¶æ³ã«å¿ããäŒè©±ãè¡ããããã«ããããšã§ãã
Viewports
äœæè ïŒDenis Rojcyk
Viewportsã¯ããã¬ãŒã ã®ãµã€ãºãããŸããŸãªäžè¬çãªããã€ã¹ãµã€ãºã«å€æŽããããã®éåžžã«äŸ¿å©ãªãã©ã°ã€ã³ã§ãã
1. æåã«ã³ã³ããŒãã³ãã«Constraintsãèšå®ããå¿ èŠããããŸãã
2. 次ã«ãViewportsãèµ·åããããã䜿çšããŠãéžæãããã¬ãŒã ãµã€ãºã§ã¢ãã¯ã¢ãããã©ã®ããã«è¡šç€ºããããã確èªã§ããŸãã
Constraintsãšã¯ããµã€ãºå€æŽã«åœ¹ç«ã€æ©èœã§ãã¬ã¹ãã³ã·ããªãã¶ã€ã³ãäœæããã®ã«åœ¹ç«ã€æ©èœã玹ä»ããŸãããAuto LayoutããšãConstraintsãã®æ©èœã掻çšãããšããã¶ã€ã³ã®ãµã€ãºå€æŽãå¿ èŠãšãªã£ããšããæ軜ã«èª¿æŽã§ããããã«ãªããŸãã Figmaã§ã¯ããªããžã§ã¯ããå·Šãå³ãäžãäžãäžå€®ãã¹ã±ãŒã«ãå·Šãšå³ããŸãã¯äžãšäžã«åºå®ããããšãã§ããŸãã
ç»åïŒfigma
ãã®ãã©ã°ã€ã³ã®æã䟿å©ãªåŽé¢ã®1ã€ã¯ããã¬ãŒã ãµã€ãºããšã«ãç¹å®ã®ããã€ã¹ããã³ã³ãã³ããé²èŠ§ããŠãããŠãŒã¶ãŒã®æšå®äžçåžå Žã·ã§ã¢ã衚瀺ããŠãããããšã§ãã
Component Cloner
äœæè
ïŒKate Miller
ã€ã³ã¹ã¿ã³ã¹ã§ã¯ãªããã¹ã¿ãŒã³ã³ããŒãã³ãã®ã³ããŒãäœæããããšæã£ãããšã¯ãããŸãããïŒãŸãã¯ããã¹ã¿ãŒã³ã³ããŒãã³ããšãã®ãã¹ãŠã®ã€ã³ã¹ã¿ã³ã¹ã®ã³ããŒãäœæããŸããïŒ
Component Clonerã¯ãéžæãããã¹ã¿ãŒã³ã³ããŒãã³ããšã€ã³ã¹ã¿ã³ã¹ã®ã³ããŒãäœæããŠãããŸãã
ç»åïŒfigma
Nisa Text Splitter
äœæè ïŒOrkhan Jafarov
ããã¹ãã®ãããã¯ãã³ããŒããŠFigmaã«è²Œãä»ããããšããããŸãããããã¹ãã®åè¡ãåå¥ã®ãªããžã§ã¯ããšããŠäœ¿çšãããããšã«æ°ã¥ããŸãããïŒ ããããããããã®ã¢ã€ãã ãã¢ã«ãã¡ãããé ã«äžŠã¹æ¿ããããé åºãéã«ãããããå¿ èŠããããŸããïŒ
Nisa Text Splitterã¯ããã®ããã»ã¹ã®é¢åãªäœæ¥ãåãé€ããŸãã ããã¹ããæ°ããããã¹ãããã¯ã¹ã«å ¥åãŸãã¯è²Œãä»ããŠãNisa TextSplitterãèµ·åããã ãã§ãã 次ã«ãããã䜿çšããŠãæ¹è¡ããšã«ããã¹ããåå¥ã®ããã¹ãããã¯ã¹ã«åå²ã§ããŸãã ãã®åŸããã©ã°ã€ã³ã䜿çšããŠãããã䞊ã¹æ¿ããããšãã§ããŸãã è€æ°ã®ããã¹ãããã¯ã¹ã1ã€ã«ããŒãžããå Žåã¯ããããå®çŸããããã®çµåé¢æ°ããããŸãã
ç»åïŒfigma
Find and Replace
äœæè ïŒJackie Chui
ç»åïŒFind and Replaceããã©ã°ã€ã³
Find and Replace
ãã®ãã«æ©èœã®ãã©ã°ã€ã³ã¯ããæ³åã®ãšãããããã¥ã¡ã³ãå
šäœã§ããã¹ããæ€çŽ¢ããŠçœ®ãæããããšãã§ããŸãããã ãããã®ãã©ã°ã€ã³ã«ã¯ããã€ãã®è¿œå ã®ããªãã¯ããããŸãããã£ã³ãã¹äžã®ããã¹ãæååã眮ãæããã ãã§ãªããã¬ã€ã€ãŒãèŠã€ããŠååã§çœ®ãæããããšãã§ããŸãã ã©ã¡ãã®æäœã倧æåãšå°æåãåºå¥ããæååã®ã©ãã§çœ®æããããæå®ã§ããŸããããã¹ãå
ã®ä»»æã®å ŽæãæåãæåŸããŸãã¯å®å
šã«äžèŽããæååã®ã¿ã§ãã
ð¡ããŒãã¹ã®ãã³ãïŒ
â+ /ïŒMacïŒãŸã㯠ctrl + /ïŒWindowsïŒãæŒããšãã¡ãã¥ãŒæ€çŽ¢ãéããŠãã©ãŒã«ã¹ã移åã§ããŸãã ããã«äœ¿çšããããã©ã°ã€ã³ã®ååãå ¥åããããŒããŒããããã©ã°ã€ã³ã«ç§»åããEnterããŒãæŒããŠãã©ã°ã€ã³ããã°ããèµ·åã§ããŸãã
ãŸãšã
ä»åã¯å埩çãªã¿ã¹ã¯ãå éãããç§ãã¡ã®ã¯ãŒã¯ãããŒã®æ¹åãæå©ãããŠããããŠãŒãã£ãªãã£ã»ãã©ã°ã€ã³ãã玹ä»ãããŠããã ããŸããã
ãããã®ãã©ã°ã€ã³ãFigmaã¯ãŒã¯ãããŒãã¹ããŒãã¢ããããããæéãç¯çŽã§ããããšãé¡ã£ãŠããŸãã
åèè³æ
utility plugins to speed up your workflow
ç§ããè²ã
å匷äžãªã®ã§ãçããŸã®ããæèŠã»ãææ³ããèãããã ããããèªã¿é ããŸããŠãããããšãããããŸããã
ç§ããè²ã å匷äžãªã®ã§ãçããŸã®ããæèŠã»ãææ³ããèãããã ããããèªã¿é ããŸããŠãããããšãããããŸããã
ã¡ã«ãã«ã³ãæ ç¹ã«ãããã¯ããã¶ã€ããŒãšããŠåããŠããŸãã äž»ã«ããžã¿ã«ã»ãããã¯ãã®å¶äœã«æºãã£ãŠããŸãã
ãã®èšäºãæ°ã«å ¥ã£ãããµããŒããããŠã¿ãŸãããïŒ