{"id":23182,"date":"2026-11-02T00:17:06","date_gmt":"2026-11-01T15:17:06","guid":{"rendered":"https:\/\/cg-method.com\/figma\/?p=23182"},"modified":"2026-11-02T00:54:47","modified_gmt":"2026-11-01T15:54:47","slug":"figma-motion","status":"publish","type":"post","link":"https:\/\/cg-method.com\/figma\/figma-motion\/","title":{"rendered":"Figma Motion\u306e\u4f7f\u3044\u65b9\uff5c\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u30fb\u30a4\u30fc\u30b8\u30f3\u30b0\u30fb\u66f8\u304d\u51fa\u3057"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u7d50\u8ad6\u304b\u3089\u66f8\u304f\u3068\u3001Figma Motion\u306f\u7121\u6599\u306e\u30b9\u30bf\u30fc\u30bf\u30fc\u30d7\u30e9\u30f3\u3067\u3082\u4f7f\u3048\u3001\u4e0b\u306e\u30c4\u30fc\u30eb\u30d0\u30fc\u306e\u300cMotion\u300d\u306b\u5207\u308a\u66ff\u3048\u308b\u3068\u30ad\u30e3\u30f3\u30d0\u30b9\u306e\u4e0b\u306b\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u304c\u51fa\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u3067\u4f4d\u7f6e\u30fb\u56de\u8ee2\u30fb\u5927\u304d\u3055\u30fb\u4e0d\u900f\u660e\u5ea6\u3092\u52d5\u304b\u3057\u3001\u30a4\u30fc\u30b8\u30f3\u30b0\u3092\u9078\u3093\u3067\u3001MP4\u30fbWebM\u30fbGIF\u30fbSVG\u30fbLottie\u30fbdotLottie\u3067\u66f8\u304d\u51fa\u305b\u307e\u3057\u305f\u3002<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u7121\u6599\u3067\u6b62\u3081\u3089\u308c\u305f60fps\u306e\u66f8\u304d\u51fa\u3057\u3068Dev Mode\u306e\u30b3\u30fc\u30c9\u306f\u3001\u6709\u6599\u30d7\u30e9\u30f3\uff08\u6559\u80b2\u30d7\u30e9\u30f3\u3067\u78ba\u8a8d\uff09\u3067\u8a66\u3057\u3001\u3069\u3061\u3089\u3082\u4f7f\u3048\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>\u78ba\u8a8d\u65e5\uff1a2026\u5e7411\u67081\u65e5\uff08\u7121\u6599\u306e\u30b9\u30bf\u30fc\u30bf\u30fc\u30d7\u30e9\u30f3\uff09\u306811\u67082\u65e5\uff08\u6709\u6599\u306e\u6559\u80b2\u30d7\u30e9\u30f3\uff09\u3002\u516c\u5f0f\u30d8\u30eb\u30d7\u3068\u516c\u5f0f\u30d6\u30ed\u30b0\u306e\u8a18\u8f09\u306f\u3053\u306e\u65e5\u306b\u8aad\u3093\u3060\u3082\u306e\u3067\u3059<\/li>\n\n\n<li>\u898b\u305f\u3082\u306e\uff1a\u516c\u5f0f\u30d6\u30ed\u30b0\u300cIntroducing Figma Motion\u300d\uff082026\u5e746\u670824\u65e5\uff09\u3001\u516c\u5f0f\u30d8\u30eb\u30d7\uff08\u82f1\u8a9e\u7248\uff09\u306eFigma Motion\u306e\u8a18\u4e8b6\u672c<\/li>\n\n\n<li>\u5b9f\u6a5f\u3067\u78ba\u304b\u3081\u305f\u3053\u3068\uff1aFigma\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30a2\u30d7\u30ea126.10.13\uff08\u65e5\u672c\u8a9e\u8868\u793a\uff09\u3001Windows 11 Pro\u3001\u7121\u6599\u306e\u30b9\u30bf\u30fc\u30bf\u30fc\u30d7\u30e9\u30f3\u3067\u3001\u7df4\u7fd2\u7528\u306e\u30d5\u30a1\u30a4\u30eb\u306b952\u00d7540\u306e\u30d5\u30ec\u30fc\u30e0\u3092\u4f5c\u308a\u3001\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u30fb\u30a4\u30fc\u30b8\u30f3\u30b0\u30fb\u9577\u3055\u3068\u518d\u751f\u30fb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u7d99\u627f\u30fbMP4\u3068Lottie\u306e\u66f8\u304d\u51fa\u3057\u3092\u8a66\u3057\u307e\u3057\u305f<\/li>\n\n\n<li>\u6709\u6599\u30d7\u30e9\u30f3\u3067\u78ba\u304b\u3081\u305f\u3053\u3068\uff1a\u6559\u80b2\u30d7\u30e9\u30f3\u306e\u30a2\u30ab\u30a6\u30f3\u30c8\u3067\u300160fps\u306830fps\u306eMP4\u30013x\u306e\u5927\u304d\u3055\u3001Dev Mode\u306eCSS\u30fbReact\u30fbJSON\u306e\u30b3\u30fc\u30c9\u3092\u8a66\u3057\u307e\u3057\u305f<\/li>\n\n\n<li>\u78ba\u304b\u3081\u3066\u3044\u306a\u3044\u3053\u3068\uff1a\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\uff08AI\uff09\u3067\u306e\u52d5\u304d\u306e\u751f\u6210\u3001\u52b9\u679c\u97f3\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u5b9f\u969b\u306b\u5f53\u3066\u308b\u3053\u3068\u3001GIF\u30fbWebM\u30fbSVG\u30fbdotLottie\u306e\u66f8\u304d\u51fa\u3057\u3001\u30e9\u30a4\u30d6\u30e9\u30ea\u3078\u306e\u516c\u958b\u3001\u30d6\u30e9\u30a6\u30b6\u30fc\u7248\u3001macOS<\/li>\n\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Figma Motion\u306f2026\u5e7411\u67081\u65e5\u306e\u6642\u70b9\u3067\u30aa\u30fc\u30d7\u30f3\u30d9\u30fc\u30bf\u3067\u3001\u753b\u9762\u306e\u8868\u793a\u3082\u300cMotion \u30d9\u30fc\u30bf\u7248\u300d\u3067\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u753b\u9762\u306e\u540d\u524d\u3084\u5236\u9650\u306f\u5909\u308f\u308b\u3053\u3068\u304c\u3042\u308b\u306e\u3067\u3001\u4f7f\u3046\u524d\u306b\u516c\u5f0f\u30d8\u30eb\u30d7\u3082\u5408\u308f\u305b\u3066\u898b\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u6700\u77ed\u306e\u624b\u9806\u3068\u65e9\u898b\u8868<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u56db\u89d2\u5f62\u30921\u79d2\u304b\u3051\u3066\u53f3\u3078\u52d5\u304b\u3057\u3001MP4\u3067\u66f8\u304d\u51fa\u3059\u307e\u3067\u306e\u6700\u77ed\u306e\u624b\u9806\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n\n<li>\u30c7\u30b6\u30a4\u30f3\u30d5\u30a1\u30a4\u30eb\u3092\u958b\u304d\u3001\u4e0b\u306e\u30c4\u30fc\u30eb\u30d0\u30fc\u306e\u53f3\u5074\u306e\u5207\u308a\u66ff\u3048\u3067\u300cMotion\u300d\uff08\u30d9\u30fc\u30bf\u7248\uff09\u3092\u62bc\u3059<\/li>\n\n\n<li>\u30d5\u30ec\u30fc\u30e0\u30c4\u30fc\u30eb\u3067\u30d5\u30ec\u30fc\u30e0\u3092\u4f5c\u308a\u3001\u305d\u306e\u4e2d\u306b\u9577\u65b9\u5f62\u3092\u63cf\u304f\uff08\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u306b\u9577\u30552000\u30df\u30ea\u79d2\u306e\u76ee\u76db\u308a\u304c\u51fa\u308b\uff09<\/li>\n\n\n<li>\u9577\u65b9\u5f62\u3092\u9078\u3073\u3001\u53f3\u30d1\u30cd\u30eb\u306e\u300c\u5909\u63db\u300d\u306e\u4f4d\u7f6e\u306e\u53f3\u306b\u3042\u308b\u25c7\uff08\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u3092\u8ffd\u52a0\uff09\u3092\u62bc\u3059<\/li>\n\n\n<li>\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u306e\u5de6\u4e0a\u306e\u73fe\u5728\u6642\u523b\u306e\u6b04\u306b1000\u3068\u6253\u3061\u3001\u53f3\u30d1\u30cd\u30eb\u306e\u4f4d\u7f6e\u306eX\u3092\u5909\u3048\u308b\uff082\u3064\u76ee\u306e\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u304c\u4ed8\u304f\uff09<\/li>\n\n\n<li>\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u306e\u5de6\u4e0b\u306e\u518d\u751f\u30dc\u30bf\u30f3\u304b\u3001Space\u30ad\u30fc\u3067\u52d5\u304d\u3092\u898b\u308b<\/li>\n\n\n<li>\u30d5\u30ec\u30fc\u30e0\u3092\u9078\u3073\u3001\u53f3\u30d1\u30cd\u30eb\u306e\u300c\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u300d\u3067\u300c\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u300d\u306e\u30bf\u30d6\u3092\u958b\u304d\u3001\u5f62\u5f0f\u3092MP4\u306b\u3057\u3066\u300cFrame 1\u3092\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u300d\u3092\u62bc\u3059<\/li>\n\n<\/ol>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table class=\"has-fixed-layout\"><thead><tr><th style=\"min-width:8em !important\">\u3084\u308a\u305f\u3044\u3053\u3068<\/th><th>\u307e\u305a\u8a66\u3059<\/th><th>\u3060\u3081\u306a\u3068\u304d\u306e\u6b21\u306e\u4e00\u624b<\/th><\/tr><\/thead><tbody><tr><td>\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u3092\u51fa\u3059<\/td><td>\u4e0b\u306e\u30c4\u30fc\u30eb\u30d0\u30fc\u306e\u5207\u308a\u66ff\u3048\u3067Motion\u3092\u62bc\u3059<\/td><td>\u30d5\u30a1\u30a4\u30eb\u306e\u7de8\u96c6\u6a29\u9650\u304c\u3042\u308b\u304b\u78ba\u304b\u3081\u308b\uff08\u95b2\u89a7\u306e\u307f\u3067\u306f\u4f7f\u3048\u306a\u3044\uff09<\/td><\/tr><tr><td>\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u3092\u6253\u3064<\/td><td>\u53f3\u30d1\u30cd\u30eb\u306e\u9805\u76ee\u306e\u53f3\u306e\u25c7\u3092\u62bc\u3059<\/td><td>\u25c7\u304c\u7121\u3044\u9805\u76ee\u306f\u52d5\u304b\u305b\u306a\u3044\u306e\u3067\u3001\u5225\u306e\u9805\u76ee\u3067\u52d5\u304d\u3092\u4f5c\u308b<\/td><\/tr><tr><td>\u52d5\u304d\u306e\u901f\u3055\u306e\u5909\u5316\u3092\u5909\u3048\u308b<\/td><td>\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u306e\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u306e\u9593\u306e\u7dda\u3092\u62bc\u3057\u3066\u30a4\u30fc\u30b8\u30f3\u30b0\u3092\u9078\u3076<\/td><td>\u30b9\u30d7\u30ea\u30f3\u30b0\u306e\u30bf\u30d6\u3067\u5f3e\u3080\u52d5\u304d\u306b\u3059\u308b<\/td><\/tr><tr><td>\u5168\u4f53\u306e\u9577\u3055\u3092\u5909\u3048\u308b<\/td><td>\u73fe\u5728\u6642\u523b\u306e\u53f3\u306e\u6b04\u306b\u9577\u3055\uff08\u30df\u30ea\u79d2\uff09\u3092\u6253\u3064<\/td><td>\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u306e\u53f3\u7aef\u306e\u53d6\u3063\u624b\u3092\u30c9\u30e9\u30c3\u30b0\u3059\u308b<\/td><\/tr><tr><td>\u540c\u3058\u52d5\u304d\u3092\u4f55\u304b\u6240\u3067\u3082\u4f7f\u3046<\/td><td>\u52d5\u304d\u3092\u4ed8\u3051\u305f\u8981\u7d20\u3092\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3057\u3001\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u3092\u7f6e\u304f<\/td><td>\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u5074\u3067\u306f\u5909\u3048\u3089\u308c\u306a\u3044\u306e\u3067\u3001\u30e1\u30a4\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u76f4\u3059<\/td><\/tr><tr><td>\u52d5\u753b\u3084Lottie\u306b\u3059\u308b<\/td><td>\u6700\u4e0a\u4f4d\u306e\u30d5\u30ec\u30fc\u30e0\u3092\u9078\u3073\u3001\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u30bf\u30d6\u3067\u5f62\u5f0f\u3092\u9078\u3076<\/td><td>\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u30bf\u30d6\u304c\u51fa\u306a\u3044\u3068\u304d\u306f\u3001\u9078\u3093\u3067\u3044\u308b\u306e\u304c\u6700\u4e0a\u4f4d\u306e\u30d5\u30ec\u30fc\u30e0\u304b\u78ba\u304b\u3081\u308b<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Figma Motion\u3068\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7\u306e\u30b9\u30de\u30fc\u30c8\u30a2\u30cb\u30e1\u30fc\u30c8\u306e\u9055\u3044<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Figma\u3067\u8981\u7d20\u3092\u52d5\u304b\u3059\u65b9\u6cd5\u306f\u3001\u3053\u308c\u307e\u3067\u306f\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7\u306e\u30b9\u30de\u30fc\u30c8\u30a2\u30cb\u30e1\u30fc\u30c8\u304c\u4e2d\u5fc3\u3067\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Figma Motion\u306f\u30012026\u5e746\u670824\u65e5\u306e\u516c\u5f0f\u30d6\u30ed\u30b0\u300c<a href=\"https:\/\/www.figma.com\/blog\/introducing-figma-motion\/\">Introducing Figma Motion<\/a>\u300d\u3067\u767a\u8868\u3055\u308c\u305f\u3001\u30ad\u30e3\u30f3\u30d0\u30b9\u306b\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u3092\u8db3\u3059\u6a5f\u80fd\u3067\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table class=\"has-fixed-layout\"><thead><tr><th style=\"min-width:8em !important\"><\/th><th>Figma Motion<\/th><th>\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7\u306e\u30b9\u30de\u30fc\u30c8\u30a2\u30cb\u30e1\u30fc\u30c8<\/th><\/tr><\/thead><tbody><tr><td>\u52d5\u304d\u306e\u4f5c\u308a\u65b9<\/td><td>1\u3064\u306e\u30d5\u30ec\u30fc\u30e0\u306e\u4e2d\u3067\u3001\u6642\u9593\u3054\u3068\u306e\u5024\u3092\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u3067\u6c7a\u3081\u308b<\/td><td>2\u3064\u306e\u753b\u9762\u306e\u5dee\u3092\u3001\u9077\u79fb\u306e\u3068\u304d\u306b\u88dc\u9593\u3059\u308b<\/td><\/tr><tr><td>\u52d5\u304d\u51fa\u3059\u304d\u3063\u304b\u3051<\/td><td>\u518d\u751f\u3059\u308b\u3068\u6700\u521d\u304b\u3089\u6700\u5f8c\u307e\u3067\u6d41\u308c\u308b<\/td><td>\u30af\u30ea\u30c3\u30af\u3084\u30db\u30d0\u30fc\u306a\u3069\u306e\u64cd\u4f5c<\/td><\/tr><tr><td>\u7d30\u304b\u3055<\/td><td>\u8981\u7d20\u3054\u3068\u30fb\u9805\u76ee\u3054\u3068\u306b\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u3068\u30a4\u30fc\u30b8\u30f3\u30b0\u3092\u4ed8\u3051\u3089\u308c\u308b<\/td><td>\u9077\u79fb\u3054\u3068\u306b1\u3064\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3068\u6642\u9593<\/td><\/tr><tr><td>\u66f8\u304d\u51fa\u3057<\/td><td>MP4\u30fbWebM\u30fbGIF\u30fbSVG\u30fbLottie\u30fbdotLottie<\/td><td>\u5171\u6709\u30ea\u30f3\u30af\u3067\u898b\u305b\u308b\uff08\u52d5\u753b\u306b\u3059\u308b\u6a5f\u80fd\u306f\u7121\u3044\uff09<\/td><\/tr><tr><td>\u5411\u3044\u3066\u3044\u308b\u4f7f\u3044\u65b9<\/td><td>\u30ed\u30b4\u306e\u52d5\u304d\u3001\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u3001\u30d0\u30ca\u30fc\u3001\u64cd\u4f5c\u306e\u8aac\u660e\u306e\u52d5\u753b<\/td><td>\u753b\u9762\u9077\u79fb\u306e\u8a66\u4f5c\u3001\u30e6\u30fc\u30b6\u30fc\u30c6\u30b9\u30c8<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u753b\u9762\u304b\u3089\u753b\u9762\u3078\u79fb\u308b\u52d5\u304d\u3092\u8a66\u3057\u305f\u3044\u306a\u3089\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7\u30011\u3064\u306e\u90e8\u54c1\u306e\u52d5\u304d\u3092\u4f5c\u308a\u8fbc\u3093\u3067\u52d5\u753b\u3084Lottie\u306b\u3057\u305f\u3044\u306a\u3089Figma Motion\u3001\u3068\u4f7f\u3044\u5206\u3051\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2\u753b\u9762\u3092\u3064\u306a\u3044\u3067\u30b9\u30de\u30fc\u30c8\u30a2\u30cb\u30e1\u30fc\u30c8\u3067\u52d5\u304b\u3059\u624b\u9806\u306f\u3001<a href=\"https:\/\/cg-method.com\/figma\/figma-prototype\/\">Figma\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7\u306e\u4f5c\u308a\u65b9<\/a>\u3067\u9806\u306b\u8ffd\u3048\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u7121\u6599\u306e\u30b9\u30bf\u30fc\u30bf\u30fc\u30d7\u30e9\u30f3\u3067\u3067\u304d\u308b\u3053\u3068\u30fb\u3067\u304d\u306a\u3044\u3053\u3068<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u516c\u5f0f\u30d6\u30ed\u30b0\u306b\u306f\u3001\u30b9\u30bf\u30fc\u30bf\u30fc\u30d7\u30e9\u30f3\u3067\u3082Motion\u306f\u4f7f\u3048\u308b\u304c\u66f8\u304d\u51fa\u3057\u306b\u5236\u9650\u304c\u3042\u308b\u3001\u3068\u66f8\u304b\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u516c\u5f0f\u30d8\u30eb\u30d7\u3068\u5b9f\u6a5f\u3067\u5206\u304b\u3063\u305f\u3053\u3068\u30921\u3064\u306e\u8868\u306b\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table class=\"has-fixed-layout\"><thead><tr><th style=\"min-width:8em !important\">\u6a5f\u80fd<\/th><th>\u30b9\u30bf\u30fc\u30bf\u30fc\u30d7\u30e9\u30f3\uff08\u7121\u6599\uff09<\/th><th>\u6709\u6599\u30d7\u30e9\u30f3\uff08\u6559\u80b2\u30d7\u30e9\u30f3\u3067\u78ba\u8a8d\uff09<\/th><th>\u6839\u62e0<\/th><\/tr><\/thead><tbody><tr><td>\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u30fb\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u30fb\u30a4\u30fc\u30b8\u30f3\u30b0<\/td><td>\u4f7f\u3048\u305f<\/td><td>\u4f7f\u3048\u305f<\/td><td>\u5b9f\u6a5f<\/td><\/tr><tr><td>\u52d5\u304d\u3092\u4ed8\u3051\u305f\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f5c\u308b<\/td><td>\u4f5c\u308c\u305f<\/td><td>\u78ba\u304b\u3081\u3066\u3044\u306a\u3044<\/td><td>\u5b9f\u6a5f\u3068\u516c\u5f0f\u30d8\u30eb\u30d7<\/td><\/tr><tr><td>\u52d5\u304d\u3092\u4ed8\u3051\u305f\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u30e9\u30a4\u30d6\u30e9\u30ea\u306b\u516c\u958b<\/td><td>\u3067\u304d\u306a\u3044\uff08\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u4ee5\u4e0a\uff09<\/td><td>\u78ba\u304b\u3081\u3066\u3044\u306a\u3044<\/td><td>\u516c\u5f0f\u30d8\u30eb\u30d7<\/td><\/tr><tr><td>MP4\u30fbWebM\u30fbGIF\u30fbSVG\u306e\u66f8\u304d\u51fa\u3057<\/td><td>1920\u00d71080\u306830fps\u307e\u3067<\/td><td>MP4\u309260fps\u3067\u66f8\u304d\u51fa\u305b\u305f\u30023x\uff082856\u00d71620\uff09\u3082\u9078\u3079\u305f<\/td><td>\u516c\u5f0f\u30d8\u30eb\u30d7\u3068\u5b9f\u6a5f\u3002\u7121\u6599\u3067\u306f60fps\u3067\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u306e\u6848\u5185\u3001\u6709\u6599\u3067\u306f\u6848\u5185\u306a\u3057<\/td><\/tr><tr><td>Lottie\u306e\u66f8\u304d\u51fa\u3057<\/td><td>\u66f8\u304d\u51fa\u305b\u305f<\/td><td>\u78ba\u304b\u3081\u3066\u3044\u306a\u3044<\/td><td>\u5b9f\u6a5f<\/td><\/tr><tr><td>Dev Mode\u3067\u306eCSS\u30fbJSON\u30fbReact\u306e\u30b3\u30fc\u30c9<\/td><td>\u4f7f\u3048\u306a\u3044<\/td><td>\u4f7f\u3048\u305f<\/td><td>\u516c\u5f0f\u30d8\u30eb\u30d7\u3068\u5b9f\u6a5f\u3002\u7121\u6599\u3067\u306f\u958b\u304f\u3068\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u306e\u6848\u5185<\/td><\/tr><tr><td>\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\uff08AI\uff09\u3067\u52d5\u304d\u3092\u4f5c\u308b<\/td><td>AI\u30af\u30ec\u30b8\u30c3\u30c8\u3092\u4f7f\u3046<\/td><td>\u78ba\u304b\u3081\u3066\u3044\u306a\u3044<\/td><td>\u516c\u5f0f\u30d6\u30ed\u30b0\u3002\u4eca\u56de\u306f\u4f7f\u3063\u3066\u3044\u306a\u3044<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u5de6\u306e\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306e\u6b04\u306b\u306f\u300c\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u30dc\u30bf\u30f3\u3092\u4f5c\u6210\u300d\u300c\u30e2\u30fc\u30b7\u30e7\u30f3\u3092\u5b66\u3076\u300d\u306a\u3069\u306e\u6848\u5185\u304c\u51fa\u307e\u3057\u305f\u304c\u3001AI\u30af\u30ec\u30b8\u30c3\u30c8\u3092\u4f7f\u3046\u306e\u3067\u62bc\u3057\u3066\u3044\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30af\u30ec\u30b8\u30c3\u30c8\u306e\u6b8b\u308a\u306e\u898b\u65b9\u306f<a href=\"https:\/\/cg-method.com\/figma\/figma-ai-credits\/\">Figma\u306eAI\u30af\u30ec\u30b8\u30c3\u30c8\u3068\u306f<\/a>\u3001\u30d7\u30e9\u30f3\u3068\u5e2d\u306e\u9055\u3044\u306f<a href=\"https:\/\/cg-method.com\/figma\/figma-pricing-seats\/\">Figma\u306e\u6599\u91d1\u30d7\u30e9\u30f3\u3068\u30b7\u30fc\u30c8\u306e\u9055\u3044<\/a>\u306b\u307e\u3068\u3081\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u3092\u51fa\u3059<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Figma Motion\u306f\u3001\u30c7\u30b6\u30a4\u30f3\u30d5\u30a1\u30a4\u30eb\u306e\u4e2d\u306e\u5207\u308a\u66ff\u3048\u3067\u4f7f\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n\n<li>\u30c7\u30b6\u30a4\u30f3\u30d5\u30a1\u30a4\u30eb\u3092\u958b\u304f<\/li>\n\n\n<li>\u4e0b\u306e\u30c4\u30fc\u30eb\u30d0\u30fc\u306e\u53f3\u5074\u306b\u3042\u308b4\u3064\u306e\u30a2\u30a4\u30b3\u30f3\u306e\u3046\u3061\u3001\u30c4\u30fc\u30eb\u30c1\u30c3\u30d7\u304c\u300cMotion \u30d9\u30fc\u30bf\u7248\u300d\u306e\u3082\u306e\u3092\u62bc\u3059<\/li>\n\n\n<li>\u30ad\u30e3\u30f3\u30d0\u30b9\u306e\u4e0b\u306b\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u304c\u51fa\u3066\u3001\u53f3\u4e0a\u306e\u8868\u793a\u304c\u300c\u30e2\u30fc\u30b7\u30e7\u30f3 \u30d9\u30fc\u30bf\u7248\u300d\u306b\u5909\u308f\u308b<\/li>\n\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">\u521d\u3081\u3066\u5207\u308a\u66ff\u3048\u305f\u3068\u304d\u306f\u300c\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306b\u97f3\u58f0\u3092\u52a0\u3048\u307e\u3057\u3087\u3046\u300d\u3068\u3044\u3046\u52b9\u679c\u97f3\u306e\u6848\u5185\u304c\u51fa\u305f\u306e\u3067\u3001\u300c\u4e86\u89e3\u300d\u3067\u9589\u3058\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30d5\u30ec\u30fc\u30e0\u30921\u3064\u4f5c\u308b\u3068\u3001\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u306e\u76ee\u76db\u308a\u304c0\u79d2\u304b\u30892\u79d2\uff082000\u30df\u30ea\u79d2\uff09\u306b\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u516c\u5f0f\u30d8\u30eb\u30d7\u300c<a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/41405906446999-Use-the-Figma-Motion-timeline\">Use the Figma Motion timeline<\/a>\u300d\u3067\u3082\u3001\u65b0\u3057\u3044\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u9577\u3055\u306e\u65e2\u5b9a\u306f2000\u30df\u30ea\u79d2\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u306e\u5de6\u4e0a\u306b\u306f\u3001\u518d\u751f\u3068\u6642\u9593\u306e\u8a2d\u5b9a\u304c\u307e\u3068\u307e\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table class=\"has-fixed-layout\"><thead><tr><th style=\"min-width:8em !important\">\u30dc\u30bf\u30f3\u30fb\u6b04<\/th><th>\u30c4\u30fc\u30eb\u30c1\u30c3\u30d7\u30fb\u8868\u793a<\/th><th>\u5f79\u5272<\/th><\/tr><\/thead><tbody><tr><td>\u4e09\u89d2\u306e\u30dc\u30bf\u30f3<\/td><td>\u30b9\u30bf\u30fc\u30c8\uff08Space\uff09<\/td><td>\u518d\u751f\u3068\u505c\u6b62<\/td><\/tr><tr><td>\u4e38\u306b\u70b9\u306e\u30dc\u30bf\u30f3<\/td><td>\u30aa\u30fc\u30c8\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u3092\u30aa\u30f3\u306b\u3059\u308b\uff08Shift+K\uff09<\/td><td>\u5024\u3092\u5909\u3048\u308b\u305f\u3073\u306b\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u3092\u8a18\u9332\u3059\u308b<\/td><\/tr><tr><td>\u5de6\u306e\u6570\u5b57<\/td><td>\u73fe\u5728\u6642\u523b\uff08\u30df\u30ea\u79d2\uff09<\/td><td>\u6253\u3064\u3068\u518d\u751f\u4f4d\u7f6e\u304c\u305d\u3053\u3078\u98db\u3076<\/td><\/tr><tr><td>\u53f3\u306e\u6570\u5b57<\/td><td>\u9577\u3055\uff08\u30df\u30ea\u79d2\uff09<\/td><td>\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u5168\u4f53\u306e\u9577\u3055<\/td><\/tr><tr><td>\u77e2\u5370\u304c\u56de\u308b\u30a2\u30a4\u30b3\u30f3<\/td><td>\u62bc\u3059\u305f\u3073\u306b\u30eb\u30fc\u30d7\u30fb\u4e00\u5ea6\u518d\u751f\u30fb\u30d4\u30f3\u30dd\u30f3<\/td><td>\u518d\u751f\u306e\u7e70\u308a\u8fd4\u3057\u65b9<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u5358\u4f4d\u306e\u300c\u30df\u30ea\u79d2\u300d\u306f\u3001\u62bc\u3059\u3068\u79d2\u306e\u8868\u793a\u306b\u5207\u308a\u66ff\u3048\u3089\u308c\u308b\u3068\u516c\u5f0f\u30d8\u30eb\u30d7\u306b\u66f8\u304b\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u3092\u6253\u3064\uff08\u4f4d\u7f6e\u30fb\u56de\u8ee2\u30fb\u5927\u304d\u3055\u30fb\u4e0d\u900f\u660e\u5ea6\uff09<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u30d5\u30ec\u30fc\u30e0\u306e\u4e2d\u306b\u63cf\u3044\u305f\u9577\u65b9\u5f62\uff08176\u00d7175\u3001\u82722F80ED\uff09\u306b\u30014\u3064\u306e\u9805\u76ee\u306e\u52d5\u304d\u3092\u4ed8\u3051\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n\n<li>\u9577\u65b9\u5f62\u3092\u9078\u3073\u3001\u73fe\u5728\u6642\u523b\u304c0\u306e\u307e\u307e\u3001\u53f3\u30d1\u30cd\u30eb\u306e\u4f4d\u7f6e\u30fb\u62e1\u5927\u7e2e\u5c0f\u30fb\u56de\u8ee2\u30fb\u4e0d\u900f\u660e\u5ea6\u306e\u53f3\u306e\u25c7\u3092\u305d\u308c\u305e\u308c\u62bc\u3059<\/li>\n\n\n<li>\u4e0d\u900f\u660e\u5ea6\u306e\u6b04\u306b0\u3068\u6253\u3064\uff080\u79d2\u306e\u6642\u70b9\u3067\u898b\u3048\u306a\u3044\u72b6\u614b\u306b\u3059\u308b\uff09<\/li>\n\n\n<li>\u73fe\u5728\u6642\u523b\u306e\u6b04\u306b1000\u3068\u6253\u3064<\/li>\n\n\n<li>\u4f4d\u7f6e\u306eX\u3092600\u3001\u56de\u8ee2\u309290\u3001\u62e1\u5927\u7e2e\u5c0f\u3092150\u3001\u4e0d\u900f\u660e\u5ea6\u3092100\u306b\u3059\u308b<\/li>\n\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">\u25c7\u3092\u62bc\u3059\u3068\u3001\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u306e\u9577\u65b9\u5f62\u306e\u4e0b\u306b\u300c\u4f4d\u7f6e\u300d\u300c\u56de\u8ee2\u300d\u300c\u62e1\u5927\u7e2e\u5c0f\u300d\u300c\u4e0d\u900f\u660e\u5ea6\u300d\u306e\u884c\u304c\u3067\u304d\u30010\u79d2\u306e\u6240\u306b\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u306e\u5370\u304c\u4ed8\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1\u3064\u76ee\u306e\u25c7\u3092\u62bc\u3057\u305f\u9805\u76ee\u306f\u3001\u6642\u523b\u3092\u5909\u3048\u3066\u5024\u3092\u6253\u3064\u3060\u3051\u30672\u3064\u76ee\u306e\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u304c\u4ed8\u304d\u307e\u3057\u305f\u3002<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30aa\u30fc\u30c8\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u306f\u30aa\u30d5\u306e\u307e\u307e\u3067\u30012\u3064\u76ee\u306e\u305f\u3081\u306b\u25c7\u3092\u3082\u30461\u56de\u62bc\u3059\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u4f4d\u7f6e\u3092\u52d5\u304b\u3059\u3068\u3001\u30ad\u30e3\u30f3\u30d0\u30b9\u306b\u306f\u52d5\u304f\u9053\u7b4b\u304c\u70b9\u7dda\u3067\u63cf\u304b\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u518d\u751f\u4f4d\u7f6e\u3092500\u30df\u30ea\u79d2\u306b\u7f6e\u304f\u3068\u3001\u305d\u308c\u305e\u308c\u306e\u5024\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3057\u305f\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table class=\"has-fixed-layout\"><thead><tr><th style=\"min-width:8em !important\">\u9805\u76ee<\/th><th>0\u30df\u30ea\u79d2<\/th><th>500\u30df\u30ea\u79d2<\/th><th>1000\u30df\u30ea\u79d2<\/th><\/tr><\/thead><tbody><tr><td>\u4f4d\u7f6e\u306eX<\/td><td>161<\/td><td>380.5<\/td><td>600<\/td><\/tr><tr><td>\u56de\u8ee2\uff08\u00b0\uff09<\/td><td>0<\/td><td>45<\/td><td>90<\/td><\/tr><tr><td>\u62e1\u5927\u7e2e\u5c0f\uff08%\uff09<\/td><td>100<\/td><td>125<\/td><td>150<\/td><\/tr><tr><td>\u4e0d\u900f\u660e\u5ea6\uff08%\uff09<\/td><td>0<\/td><td>50<\/td><td>100<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u3069\u306e\u9805\u76ee\u3082\u3001\u3061\u3087\u3046\u3069\u4e2d\u9593\u306e\u5024\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-border\"><img decoding=\"async\" width=\"1400\" height=\"718\" src=\"https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-keyframes.jpg\" alt=\"Figma Motion\u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u3002\u9577\u65b9\u5f62\u306b\u4f4d\u7f6e\u30fb\u56de\u8ee2\u30fb\u62e1\u5927\u7e2e\u5c0f\u30fb\u4e0d\u900f\u660e\u5ea6\u306e\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u30920\u30df\u30ea\u79d2\u30681\u79d2\u306b\u4ed8\u3051\u3001\u518d\u751f\u4f4d\u7f6e500\u30df\u30ea\u79d2\u306745\u00b0\u56de\u3063\u305f\u534a\u900f\u660e\u306e\u3072\u3057\u5f62\u3068\u70b9\u7dda\u306e\u9053\u7b4b\u304c\u898b\u3048\u308b\" class=\"wp-image-23185\" srcset=\"https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-keyframes.jpg 1400w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-keyframes-300x154.jpg 300w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-keyframes-1024x525.jpg 1024w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-keyframes-768x394.jpg 768w\" sizes=\"(max-width: 1400px) 100vw, 1400px\" \/><figcaption class=\"wp-element-caption\">2026-11-01 \u64ae\u5f71\u3002Figma\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30a2\u30d7\u30ea126.10.13\uff08\u65e5\u672c\u8a9e\u8868\u793a\uff09\u3001\u7121\u6599\u306e\u30b9\u30bf\u30fc\u30bf\u30fc\u30d7\u30e9\u30f3\u3001Windows 11\u3002\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u3092\u4ed8\u3051\u305f\u9577\u65b9\u5f62\u3092\u3001\u518d\u751f\u4f4d\u7f6e500\u30df\u30ea\u79d2\u3067\u898b\u305f\u753b\u9762<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u53f3\u30d1\u30cd\u30eb\u3067\u25c7\u306e\u4ed8\u3044\u3066\u3044\u308b\u9805\u76ee\u306a\u3089\u3001\u540c\u3058\u624b\u9806\u3067\u52d5\u304b\u305b\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u4eca\u56de\u306e\u753b\u9762\u3067\u306f\u3001\u30b5\u30a4\u30ba\u306eW\u30fbH\u3001\u89d2\u306e\u534a\u5f84\u3001\u5857\u308a\u306e\u8272\u306e\u6b04\u306b\u3082\u25c7\u304c\u3042\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u3092\u6d88\u3059\u3068\u304d\u306f\u3001\u5370\u3092\u62bc\u3057\u3066\u9078\u3073\u3001Delete\u30ad\u30fc\u3092\u62bc\u3057\u307e\u3059\uff08\u516c\u5f0f\u30d8\u30eb\u30d7\u300c<a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/41307938657559-Add-select-and-delete-keyframes\">Add, select, and delete keyframes<\/a>\u300d\uff09\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u30a4\u30fc\u30b8\u30f3\u30b0\u3092\u9078\u3076<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u30a4\u30fc\u30b8\u30f3\u30b0\u306f\u3001\u52d5\u304d\u59cb\u3081\u3068\u6b62\u307e\u308a\u969b\u306e\u901f\u3055\u306e\u5909\u5316\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u3067\u30012\u3064\u306e\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u306e\u9593\u306e\u7dda\u3092\u62bc\u3059\u3068\u3001\u53f3\u30d1\u30cd\u30eb\u304c\u300c\u30a4\u30fc\u30b8\u30f3\u30b0\u300d\u306b\u5909\u308f\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u4f4d\u7f6e\u306e\u7dda\u3092\u62bc\u3057\u305f\u3068\u304d\u306f\u300c\u7dda\u5f62\u300d\u3067\u3001\u5024\u306f<code>0, 0, 1, 1<\/code>\u3067\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u4e0a\u306e\u4e00\u89a7\u3092\u958b\u304f\u3068\u3001\u30d7\u30ea\u30bb\u30c3\u30c8\u3068\u30e9\u30a4\u30d6\u30e9\u30ea\u306e2\u3064\u306e\u30bf\u30d6\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-border\"><img decoding=\"async\" width=\"800\" height=\"703\" src=\"https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-easing-presets.jpg\" alt=\"\u30a4\u30fc\u30b8\u30f3\u30b0\u306e\u30d7\u30ea\u30bb\u30c3\u30c8\u306e\u4e00\u89a7\u3002\u9577\u62bc\u3057\u3001\u7dda\u5f62\u3001\u30a4\u30fc\u30ba\u30a4\u30f3\u3001\u30a4\u30fc\u30ba\u30a2\u30a6\u30c8\u3001\u30a4\u30fc\u30ba\u30a4\u30f3\/\u30a4\u30fc\u30ba\u30a2\u30a6\u30c8\u3001\u30d0\u30c3\u30af\u4ed8\u304d3\u7a2e\u3001\u30ab\u30b9\u30bf\u30e0\u30d9\u30b8\u30a8\u3002\u53f3\u306f\u7dda\u5f62\u306e\u66f2\u7dda\u30680, 0, 1, 1\" class=\"wp-image-23186\" srcset=\"https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-easing-presets.jpg 800w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-easing-presets-300x264.jpg 300w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-easing-presets-768x675.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">2026-11-01 \u64ae\u5f71\u3002Figma\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30a2\u30d7\u30ea126.10.13\uff08\u65e5\u672c\u8a9e\u8868\u793a\uff09\u3001\u7121\u6599\u306e\u30b9\u30bf\u30fc\u30bf\u30fc\u30d7\u30e9\u30f3\u3001Windows 11\u3002\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u306e\u9593\u306e\u7dda\u3092\u62bc\u3057\u3066\u958b\u3044\u305f\u30a4\u30fc\u30b8\u30f3\u30b0\u306e\u30d7\u30ea\u30bb\u30c3\u30c8<\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>\u9577\u62bc\u3057\uff08\u6b21\u306e\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u307e\u3067\u5024\u3092\u5909\u3048\u306a\u3044\uff09<\/li>\n\n\n<li>\u7dda\u5f62<\/li>\n\n\n<li>\u30a4\u30fc\u30ba\u30a4\u30f3\u30fb\u30a4\u30fc\u30ba\u30a2\u30a6\u30c8\u30fb\u30a4\u30fc\u30ba\u30a4\u30f3\/\u30a4\u30fc\u30ba\u30a2\u30a6\u30c8<\/li>\n\n\n<li>\u30a4\u30fc\u30ba\u30a4\u30f3\u30d0\u30c3\u30af\u30fb\u30a4\u30fc\u30ba\u30a2\u30a6\u30c8\u30d0\u30c3\u30af\u30fb\u30a4\u30fc\u30ba\u30a4\u30f3\/\u30a4\u30fc\u30ba\u30a2\u30a6\u30c8\u30d0\u30c3\u30af\uff08\u884c\u304d\u904e\u304e\u3066\u304b\u3089\u623b\u308b\uff09<\/li>\n\n\n<li>\u30ab\u30b9\u30bf\u30e0\u30d9\u30b8\u30a8<\/li>\n\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u30a4\u30fc\u30ba\u30a2\u30a6\u30c8\u3092\u9078\u3076\u3068\u5024\u306f<code>0, 0, 0.58, 1<\/code>\u306b\u306a\u308a\u3001500\u30df\u30ea\u79d2\u306e\u6642\u70b9\u306eX\u306f380.5\u304b\u3089461.6\u306b\u5909\u308f\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u524d\u534a\u3067\u5927\u304d\u304f\u9032\u307f\u3001\u5f8c\u534a\u3067\u3086\u3063\u304f\u308a\u6b62\u307e\u308b\u52d5\u304d\u306b\u306a\u3063\u305f\u3068\u3044\u3046\u3053\u3068\u3067\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u30b9\u30d7\u30ea\u30f3\u30b0\u3067\u5f3e\u307e\u305b\u308b<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u30a4\u30fc\u30b8\u30f3\u30b0\u306e\u6b04\u306e\u300c\u30b9\u30d7\u30ea\u30f3\u30b0\u300d\u306e\u30bf\u30d6\u3092\u62bc\u3059\u3068\u3001\u3070\u306d\u306e\u3088\u3046\u306a\u52d5\u304d\u306b\u5909\u308f\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30b9\u30d7\u30ea\u30f3\u30b0\u306e\u30d7\u30ea\u30bb\u30c3\u30c8\u306f\u3001\u306a\u3081\u3089\u304b\u30fb\u901f\u3044\u30fb\u30d0\u30a6\u30f3\u30b9\u30fb\u9045\u3044\u30fb\u30ab\u30b9\u30bf\u30e0\u30b9\u30d7\u30ea\u30f3\u30b0\u306e5\u3064\u3067\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30ab\u30b9\u30bf\u30e0\u30b9\u30d7\u30ea\u30f3\u30b0\uff08\u6570\u50240.25\uff09\u3067\u306f\u3001500\u30df\u30ea\u79d2\u306e\u6642\u70b9\u306eX\u304c611.8\u3067\u3001\u7d42\u308f\u308a\u306e600\u3092\u4e00\u5ea6\u8d85\u3048\u3066\u3044\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-border\"><img decoding=\"async\" width=\"1200\" height=\"486\" src=\"https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-spring.jpg\" alt=\"\u30a4\u30fc\u30b8\u30f3\u30b0\u3092\u30b9\u30d7\u30ea\u30f3\u30b0\u306b\u3057\u305f\u753b\u9762\u3002\u30ab\u30b9\u30bf\u30e0\u30b9\u30d7\u30ea\u30f3\u30b00.25\u306e\u66f2\u7dda\u3068\u3001\u7d42\u308f\u308a\u306e\u4f4d\u7f6e\u3092\u5c11\u3057\u8d85\u3048\u305f\u56db\u89d2\u5f62\" class=\"wp-image-23187\" srcset=\"https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-spring.jpg 1200w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-spring-300x122.jpg 300w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-spring-1024x415.jpg 1024w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-spring-768x311.jpg 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><figcaption class=\"wp-element-caption\">2026-11-01 \u64ae\u5f71\u3002Figma\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30a2\u30d7\u30ea126.10.13\uff08\u65e5\u672c\u8a9e\u8868\u793a\uff09\u3001\u7121\u6599\u306e\u30b9\u30bf\u30fc\u30bf\u30fc\u30d7\u30e9\u30f3\u3001Windows 11\u3002\u30b9\u30d7\u30ea\u30f3\u30b0\u306e\u30bf\u30d6\u3002500\u30df\u30ea\u79d2\u306e\u6642\u70b9\u3067\u7d42\u308f\u308a\u306e\u4f4d\u7f6e\u3092\u4e00\u5ea6\u8d85\u3048\u3066\u3044\u308b<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u300c\u30ab\u30fc\u30d6\u300d\u306e\u30bf\u30d6\u306b\u623b\u3059\u3068\u3001\u5143\u306e\u30a4\u30fc\u30ba\u30a2\u30a6\u30c8\u306e\u5024\uff08\u30ab\u30b9\u30bf\u30e0\u30d9\u30b8\u30a8<code>0, 0, 0.58, 1<\/code>\uff09\u306b\u623b\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u9805\u76ee\u306b\u3088\u3063\u3066\u6700\u521d\u306e\u30a4\u30fc\u30b8\u30f3\u30b0\u304c\u9055\u3063\u305f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u6700\u521d\u306b\u6253\u3063\u305f\u4f4d\u7f6e\u306e\u7dda\u306f\u7dda\u5f62\u3067\u3057\u305f\u304c\u3001\u5f8c\u304b\u3089\u6253\u3063\u305f\u56de\u8ee2\u306e\u7dda\u3092\u62bc\u3059\u3068\u3001\u30ab\u30b9\u30bf\u30e0\u30d9\u30b8\u30a8\u306e<code>0.5, 0, 0.5, 1<\/code>\uff08\u3086\u3063\u304f\u308a\u59cb\u307e\u308a\u3086\u3063\u304f\u308a\u6b62\u307e\u308b\u5f62\uff09\u3067\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u3069\u306e\u6761\u4ef6\u3067\u6700\u521d\u306e\u30a4\u30fc\u30b8\u30f3\u30b0\u304c\u6c7a\u307e\u308b\u306e\u304b\u306f\u3001\u516c\u5f0f\u30d8\u30eb\u30d7\u306b\u3082\u66f8\u304b\u308c\u3066\u304a\u3089\u305a\u3001\u78ba\u304b\u3081\u3089\u308c\u3066\u3044\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u601d\u3063\u305f\u901f\u3055\u3067\u52d5\u304b\u306a\u3044\u3068\u304d\u306f\u3001\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u306e\u9593\u306e\u7dda\u3092\u62bc\u3057\u3066\u3001\u4eca\u306e\u30a4\u30fc\u30b8\u30f3\u30b0\u3092\u898b\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u9577\u3055\u3068\u518d\u751f\u3092\u5909\u3048\u308b<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u9577\u3055\u306e\u6b04\u30922000\u304b\u30891500\u306b\u5909\u3048\u308b\u3068\u3001\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u306e\u76ee\u76db\u308a\u304c1.5\u79d2\u307e\u3067\u306b\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1\u79d2\u306e\u6240\u306b\u4ed8\u3051\u305f\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u306f\u305d\u306e\u307e\u307e\u3067\u3001\u52d5\u304d\u304c\u7d42\u308f\u3063\u305f\u5f8c\u306e0.5\u79d2\u306f\u6b62\u307e\u3063\u305f\u307e\u307e\u306e\u6642\u9593\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u518d\u751f\u306e\u7e70\u308a\u8fd4\u3057\u65b9\u306e\u30a2\u30a4\u30b3\u30f3\u306f\u3001\u62bc\u3059\u305f\u3073\u306b\u300c\u4e00\u5ea6\u518d\u751f\u300d\u300c\u30d4\u30f3\u30dd\u30f3\u300d\u3068\u5207\u308a\u66ff\u308f\u308a\u3001\u3082\u30461\u56de\u62bc\u3059\u3068\u5143\u306e\u30eb\u30fc\u30d7\u306b\u623b\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30d4\u30f3\u30dd\u30f3\u306f\u3001\u6700\u5f8c\u307e\u3067\u9032\u3093\u3060\u3089\u9006\u5411\u304d\u306b\u623b\u308b\u518d\u751f\u306e\u3053\u3068\u3067\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u30b9\u30bf\u30a4\u30eb\uff08\u30d7\u30ea\u30bb\u30c3\u30c8\uff09<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u8981\u7d20\u3092\u9078\u3093\u3060\u3068\u304d\u306e\u53f3\u30d1\u30cd\u30eb\u306e\u300c\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u300d\u306e\u6b04\u306e4\u3064\u306e\u70b9\u306e\u30a2\u30a4\u30b3\u30f3\u3092\u62bc\u3059\u3068\u3001\u7528\u610f\u3055\u308c\u305f\u52d5\u304d\u306e\u4e00\u89a7\u304c\u958b\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5206\u985e\u306f\u3001\u57fa\u672c\u30fbEnter\u30fb\u30b5\u30a4\u30af\u30eb\u30fb\u7d42\u4e86\u306e4\u3064\u3067\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u57fa\u672c\u306b\u306f\u4f4d\u7f6e\u30fb\u30b9\u30b1\u30fc\u30eb\u30fb\u56de\u8ee2\u30fb\u30b5\u30a4\u30ba\u30fb\u4e0d\u900f\u660e\u5ea6\u3001Enter\u306b\u306f\u30d0\u30fc\u30b9\u30c8\u30fb\u30a4\u30b0\u30ca\u30a4\u30c8\u30fb\u30b9\u30a4\u30fc\u30d7\u306a\u3069\u304c\u3042\u308a\u3001\u540d\u524d\u306e\u53f3\u306b\u9ad8\u901f\u30fb\u4e2d\u30fb\u9045\u3044\u306e\u76ee\u5b89\u304c\u4ed8\u3044\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u4eca\u56de\u306f\u4e00\u89a7\u3092\u898b\u305f\u3060\u3051\u3067\u3001\u8981\u7d20\u306b\u5f53\u3066\u3066\u306f\u3044\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-border\"><img decoding=\"async\" width=\"800\" height=\"891\" src=\"https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-animation-styles.jpg\" alt=\"\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u30b9\u30bf\u30a4\u30eb\u306e\u4e00\u89a7\u3002\u5206\u985eEnter\u3067\u3001\u30a4\u30b0\u30ca\u30a4\u30c8\u30fb\u30b9\u30a4\u30fc\u30d7\u30fb\u30b9\u30e9\u30e0\u306a\u3069\u306b\u9ad8\u901f\u30fb\u4e2d\u30fb\u9045\u3044\u306e\u76ee\u5b89\u304c\u4ed8\u3044\u3066\u3044\u308b\" class=\"wp-image-23188\" srcset=\"https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-animation-styles.jpg 800w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-animation-styles-269x300.jpg 269w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-animation-styles-768x855.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">2026-11-01 \u64ae\u5f71\u3002Figma\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30a2\u30d7\u30ea126.10.13\uff08\u65e5\u672c\u8a9e\u8868\u793a\uff09\u3001\u7121\u6599\u306e\u30b9\u30bf\u30fc\u30bf\u30fc\u30d7\u30e9\u30f3\u3001Windows 11\u3002\u53f3\u30d1\u30cd\u30eb\u306e\u300c\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u300d\u306e4\u3064\u306e\u70b9\u306e\u30a2\u30a4\u30b3\u30f3\u304b\u3089\u958b\u304f\u30b9\u30bf\u30a4\u30eb\u306e\u4e00\u89a7<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u52d5\u304d\u3092\u4ed8\u3051\u3066\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u306b\u7d99\u627f\u3055\u305b\u308b<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u540c\u3058\u52d5\u304d\u3092\u4f55\u304b\u6240\u3067\u3082\u4f7f\u3046\u306a\u3089\u3001\u52d5\u304d\u3092\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u5165\u308c\u3066\u304a\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n\n<li>\u30d5\u30ec\u30fc\u30e0\u306e\u5916\u306b\u9577\u65b9\u5f62\uff08211\u00d7105\u3001\u8272F2994A\uff09\u3092\u63cf\u304d\u3001\u53f3\u30af\u30ea\u30c3\u30af\u306e\u300c\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f5c\u6210\u300d\u3067\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3059\u308b<\/li>\n\n\n<li>\u30ec\u30a4\u30e4\u30fc\u30d1\u30cd\u30eb\u3067\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4e2d\u306e\u9577\u65b9\u5f62\u3092\u9078\u3073\u30010\u30df\u30ea\u79d2\u3067\u56de\u8ee2\u306e\u25c7\u3092\u62bc\u3059<\/li>\n\n\n<li>\u73fe\u5728\u6642\u523b\u30921000\u306b\u3057\u3066\u3001\u56de\u8ee2\u3092180\u306b\u3059\u308b<\/li>\n\n\n<li>\u5de6\u306e\u300c\u30a2\u30bb\u30c3\u30c8\u300d\u304b\u3089\u3001\u3053\u306e\u30d5\u30a1\u30a4\u30eb\u5185\u3067\u4f5c\u3063\u305f\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u30ad\u30e3\u30f3\u30d0\u30b9\u3078\u30c9\u30e9\u30c3\u30b0\u3057\u3066\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u3092\u7f6e\u304f<\/li>\n\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">\u30e1\u30a4\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u306e\u884c\u306f\u3001\u9752\u3067\u306f\u306a\u304f\u7d2b\u3067\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u7f6e\u3044\u305f\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u3092\u9078\u3093\u3067\u518d\u751f\u4f4d\u7f6e\u3092500\u30df\u30ea\u79d2\u306b\u3059\u308b\u3068\u3001\u4e2d\u306e\u9577\u65b9\u5f62\u306f90\u00b0\u56de\u3063\u3066\u3044\u3066\u3001\u30e1\u30a4\u30f3\u306b\u4ed8\u3051\u305f\u52d5\u304d\u304c\u305d\u306e\u307e\u307e\u5165\u3063\u3066\u3044\u307e\u3057\u305f\u3002<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1000\u30df\u30ea\u79d2\u3067\u306f180\u00b0\u3067\u3001\u30e1\u30a4\u30f3\u3068\u540c\u3058\u5024\u3067\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-border\"><img decoding=\"async\" width=\"1200\" height=\"693\" src=\"https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-component-instance.jpg\" alt=\"\u30e1\u30a4\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u6a59\u306e\u9577\u65b9\u5f62\u3068\u3001\u305d\u306e\u4e0b\u306b\u7f6e\u3044\u305f\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u3002\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u306f\u518d\u751f\u4f4d\u7f6e500\u30df\u30ea\u79d2\u306790\u00b0\u56de\u3063\u3066\u304a\u308a\u3001\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u306b\u306f\u7d2b\u306e\u884c\u304c\u51fa\u3066\u3044\u308b\" class=\"wp-image-23189\" srcset=\"https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-component-instance.jpg 1200w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-component-instance-300x173.jpg 300w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-component-instance-1024x591.jpg 1024w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-component-instance-768x444.jpg 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><figcaption class=\"wp-element-caption\">2026-11-01 \u64ae\u5f71\u3002Figma\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30a2\u30d7\u30ea126.10.13\uff08\u65e5\u672c\u8a9e\u8868\u793a\uff09\u3001\u7121\u6599\u306e\u30b9\u30bf\u30fc\u30bf\u30fc\u30d7\u30e9\u30f3\u3001Windows 11\u3002\u30e1\u30a4\u30f3\u306b\u4ed8\u3051\u305f\u56de\u8ee2\u304c\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u306b\u7d99\u627f\u3055\u308c\u305f\u753b\u9762\uff08\u518d\u751f\u4f4d\u7f6e500\u30df\u30ea\u79d2\uff09<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u5074\u3067\u306f\u52d5\u304d\u3092\u5909\u3048\u3089\u308c\u306a\u304b\u3063\u305f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u306e\u4e2d\u306e\u9577\u65b9\u5f62\u3092\u9078\u3076\u3068\u3001\u53f3\u30d1\u30cd\u30eb\u306e\u25c7\u306f\u62bc\u3057\u3066\u3082\u53cd\u5fdc\u3057\u307e\u305b\u3093\u3067\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u56de\u8ee2\u306e\u6b04\u306b45\u3068\u6253\u3064\u3068\u30ad\u30e3\u30f3\u30d0\u30b9\u3067\u306f\u4e00\u77ac45\u00b0\u306b\u306a\u308a\u307e\u3057\u305f\u304c\u3001\u518d\u751f\u4f4d\u7f6e\u3092\u52d5\u304b\u3059\u3068\u5143\u306e\u52d5\u304d\u306b\u623b\u308a\u3001\u4e0a\u66f8\u304d\u3068\u3057\u3066\u306f\u6b8b\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u516c\u5f0f\u30d8\u30eb\u30d7\u300c<a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/41307940738967-Create-and-use-animated-components\">Create and use animated components<\/a>\u300d\u306b\u3082\u3001\u540c\u3058\u8aac\u660e\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u9577\u3055\u3068\u52d5\u304d\u306e\u9805\u76ee\u306f\u30e1\u30a4\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3067\u3057\u304b\u5909\u3048\u3089\u308c\u305a\u3001\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u306f\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u4e0a\u3067\u4f4d\u7f6e\u3092\u305a\u3089\u305b\u308b\u3060\u3051\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u3054\u3068\u306b\u52d5\u304d\u3092\u5909\u3048\u305f\u3044\u3068\u304d\u306f\u3001\u30e1\u30a4\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u76f4\u3059\u304b\u3001\u5225\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u516c\u5f0f\u30d8\u30eb\u30d7\u3067\u306f\u3001\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u30c7\u30b6\u30a4\u30f3\u30e2\u30fc\u30c9\u3067\u4f5c\u308b\u3068\u66f8\u304b\u308c\u3066\u3044\u307e\u3059\u304c\u3001\u4eca\u56de\u306fMotion\u306e\u307e\u307e\u53f3\u30af\u30ea\u30c3\u30af\u3067\u4f5c\u308c\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u305d\u306e\u3082\u306e\u306e\u4f5c\u308a\u65b9\u306f<a href=\"https:\/\/cg-method.com\/figma\/assets\/\">Figma\u306e\u30a2\u30bb\u30c3\u30c8\u30fb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u3044\u65b9<\/a>\u3001\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u3092\u5207\u308a\u96e2\u3059\u64cd\u4f5c\u306f<a href=\"https:\/\/cg-method.com\/figma\/figma-detach-instance\/\">Figma\u306e\u30c7\u30bf\u30c3\u30c1\u3068\u306f<\/a>\u3067\u8aac\u660e\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u52d5\u753b\u30fbGIF\u30fbLottie\u3067\u66f8\u304d\u51fa\u3059<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u66f8\u304d\u51fa\u3057\u306f\u3001\u30ad\u30e3\u30f3\u30d0\u30b9\u306b\u76f4\u63a5\u7f6e\u3044\u305f\u6700\u4e0a\u4f4d\u306e\u30d5\u30ec\u30fc\u30e0\u3092\u9078\u3093\u3067\u884c\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n\n<li>\u52d5\u304d\u306e\u5165\u3063\u305f\u30d5\u30ec\u30fc\u30e0\uff08\u6700\u4e0a\u4f4d\u306e\u3082\u306e\uff09\u3092\u9078\u3076<\/li>\n\n\n<li>\u53f3\u30d1\u30cd\u30eb\u306e\u4e00\u756a\u4e0b\u306e\u300c\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u300d\u3067\u300c\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u300d\u306e\u30bf\u30d6\u3092\u62bc\u3059<\/li>\n\n\n<li>\u5f62\u5f0f\u30fb\u30b5\u30a4\u30ba\u30fb\u30af\u30aa\u30ea\u30c6\u30a3\u30fb\u30d5\u30ec\u30fc\u30e0\u30ec\u30fc\u30c8\u3092\u9078\u3076<\/li>\n\n\n<li>\u300cFrame 1\u3092\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u300d\u3092\u62bc\u3059\uff08\u540d\u524d\u306e\u90e8\u5206\u306f\u9078\u3093\u3060\u30d5\u30ec\u30fc\u30e0\u306e\u540d\u524d\u306b\u306a\u308b\uff09<\/li>\n\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">\u5f62\u5f0f\u306e\u4e00\u89a7\u306b\u306f\u3001MP4\u30fbWebM\u30fbGIF\u30fbSVG\u30fbLottie\u30fbdotLottie\u306e6\u3064\u304c\u3042\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-border\"><img decoding=\"async\" width=\"408\" height=\"703\" src=\"https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-export-formats.jpg\" alt=\"\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u30bf\u30d6\u3067\u5f62\u5f0f\u306e\u4e00\u89a7\u3092\u958b\u3044\u305f\u753b\u9762\u3002MP4\u3001WebM\u3001GIF\u3001SVG\u3001Lottie\u3001dotLottie\" class=\"wp-image-23190\" srcset=\"https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-export-formats.jpg 408w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-export-formats-174x300.jpg 174w\" sizes=\"(max-width: 408px) 100vw, 408px\" \/><figcaption class=\"wp-element-caption\">2026-11-01 \u64ae\u5f71\u3002Figma\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30a2\u30d7\u30ea126.10.13\uff08\u65e5\u672c\u8a9e\u8868\u793a\uff09\u3001\u7121\u6599\u306e\u30b9\u30bf\u30fc\u30bf\u30fc\u30d7\u30e9\u30f3\u3001Windows 11\u3002\u6700\u4e0a\u4f4d\u306e\u30d5\u30ec\u30fc\u30e0\u3092\u9078\u3093\u3060\u3068\u304d\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u306e\u5f62\u5f0f<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">MP4\u306e\u521d\u671f\u5024\u306f\u3001\u30b5\u30a4\u30ba1x\u3001\u30af\u30aa\u30ea\u30c6\u30a3\u9ad8\u3001\u30d5\u30ec\u30fc\u30e0\u30ec\u30fc\u30c830fps\u3067\u3001\u4e0b\u306b\u300c\u30b5\u30a4\u30ba 952\u00d7540\u300d\u300c\u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba \u301c869 KB\u300d\u306e\u76ee\u5b89\u304c\u51fa\u3066\u3044\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30d5\u30ec\u30fc\u30e0\u30ec\u30fc\u30c8\u306e\u4e00\u89a7\u306f60\u30fb30\u30fb25\u30fb24\u30fb12fps\u3067\u3001\u7121\u6599\u306e\u30b9\u30bf\u30fc\u30bf\u30fc\u30d7\u30e9\u30f3\u306760fps\u3092\u9078\u3076\u3068\u300c\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u306b\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u300d\u306e\u6848\u5185\u304c\u51fa\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u6848\u5185\u306e\u6587\u9762\u306f\u3001\u9ad8\u89e3\u50cf\u5ea6\u3067\u66f8\u304d\u51fa\u3059\u306b\u306f\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u30d7\u30e9\u30f3\u3078\u306e\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u304c\u8981\u308b\u3001\u3068\u3044\u3046\u3082\u306e\u3067\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-border\"><img decoding=\"async\" width=\"408\" height=\"728\" src=\"https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-60fps-upgrade.jpg\" alt=\"MP4\u3067\u30d5\u30ec\u30fc\u30e0\u30ec\u30fc\u30c8\u309260fps\u306b\u3059\u308b\u3068\u51fa\u305f\u3001\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u306b\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u306e\u6848\u5185\" class=\"wp-image-23191\" srcset=\"https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-60fps-upgrade.jpg 408w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-60fps-upgrade-168x300.jpg 168w\" sizes=\"(max-width: 408px) 100vw, 408px\" \/><figcaption class=\"wp-element-caption\">2026-11-01 \u64ae\u5f71\u3002Figma\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30a2\u30d7\u30ea126.10.13\uff08\u65e5\u672c\u8a9e\u8868\u793a\uff09\u3001\u7121\u6599\u306e\u30b9\u30bf\u30fc\u30bf\u30fc\u30d7\u30e9\u30f3\u3001Windows 11\u3002\u7121\u6599\u306e\u30d7\u30e9\u30f3\u306760fps\u3092\u9078\u3093\u3060\u3068\u304d\u306e\u6848\u5185<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u516c\u5f0f\u30d8\u30eb\u30d7\u300c<a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/41307983648407-Export-animations-from-Figma\">Export animations from Figma<\/a>\u300d\u3067\u3082\u30011920\u00d71080\u3092\u8d85\u3048\u308b\u5927\u304d\u3055\u304b30fps\u3092\u8d85\u3048\u308b\u66f8\u304d\u51fa\u3057\u306f\u6709\u6599\u30d7\u30e9\u30f3\u306e\u307f\u3068\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">MP4\u3092\u66f8\u304d\u51fa\u3057\u305f\u7d50\u679c<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">30fps\u306b\u623b\u3057\u3066\u66f8\u304d\u51fa\u3059\u3068\u3001\u300c\u52d5\u753b\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u300d\u3068\u3044\u3046\u65b0\u3057\u3044\u30bf\u30d6\u304c\u958b\u304d\u3001\u9032\u307f\u5177\u5408\u304c\uff05\u3067\u51fa\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1.5\u79d2\u306e\u52d5\u753b\u3067\u3082\u3001\u4fdd\u5b58\u306e\u7a93\u304c\u51fa\u308b\u307e\u3067\u306b\u7d041\u5206\u534a\u304b\u304b\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-border\"><img decoding=\"async\" width=\"1200\" height=\"544\" src=\"https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-export-mp4.jpg\" alt=\"\u52d5\u753b\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u306e\u30bf\u30d6\u3002Frame 1\u3001952\u00d7540\u300130fps\u3001MP4\u306e\u8868\u793a\u3068\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u306e\u30dc\u30bf\u30f3\" class=\"wp-image-23192\" srcset=\"https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-export-mp4.jpg 1200w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-export-mp4-300x136.jpg 300w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-export-mp4-1024x464.jpg 1024w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-export-mp4-768x348.jpg 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><figcaption class=\"wp-element-caption\">2026-11-01 \u64ae\u5f71\u3002Figma\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30a2\u30d7\u30ea126.10.13\uff08\u65e5\u672c\u8a9e\u8868\u793a\uff09\u3001\u7121\u6599\u306e\u30b9\u30bf\u30fc\u30bf\u30fc\u30d7\u30e9\u30f3\u3001Windows 11\u3002MP4\u306e\u66f8\u304d\u51fa\u3057\u3067\u958b\u3044\u305f\u30bf\u30d6\uff08\u4f5c\u6210\u8005\u306e\u6b04\u306f\u307c\u304b\u3057\u3066\u3044\u307e\u3059\uff09<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u4fdd\u5b58\u3057\u305f\u30d5\u30a1\u30a4\u30eb\u3092\u8abf\u3079\u308b\u3068\u3001\u6b21\u306e\u3068\u304a\u308a\u3067\u3057\u305f\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table class=\"has-fixed-layout\"><thead><tr><th style=\"min-width:8em !important\">\u9805\u76ee<\/th><th>MP4\uff0830fps\uff09<\/th><th>Lottie<\/th><\/tr><\/thead><tbody><tr><td>\u5927\u304d\u3055<\/td><td>952\u00d7540<\/td><td>952\u00d7540<\/td><\/tr><tr><td>\u9577\u3055<\/td><td>1.533\u79d2\uff0846\u30d5\u30ec\u30fc\u30e0\uff09<\/td><td>90\u30d5\u30ec\u30fc\u30e0\uff0860fps\uff1d1.5\u79d2\uff09<\/td><\/tr><tr><td>\u30d5\u30a1\u30a4\u30eb\u306e\u5927\u304d\u3055<\/td><td>87,282\u30d0\u30a4\u30c8<\/td><td>9,400\u30d0\u30a4\u30c8<\/td><\/tr><tr><td>\u4e2d\u8eab<\/td><td>H.264\u306e\u52d5\u753b<\/td><td>JSON\uff08Lottie\u306e\u72485.7.0\uff09<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">MP4\u306f\u753b\u9762\u306e\u76ee\u5b89\u306e869KB\u3088\u308a\u5c0f\u3055\u304f\u3001\u7d0485KB\u3067\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">0\u79d2\u306e\u753b\u306f\u771f\u3063\u767d\uff08\u4e0d\u900f\u660e\u5ea60%\uff09\u3067\u30010.5\u79d2\u306e\u753b\u3067\u306f45\u00b0\u56de\u3063\u305f\u534a\u900f\u660e\u306e\u56db\u89d2\u5f62\u304c\u4e2d\u592e\u4ed8\u8fd1\u306b\u3042\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30d5\u30ec\u30fc\u30e0\u306e\u5916\u306b\u7f6e\u3044\u305f\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3068\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u306f\u3001Frame 1\u306e\u66f8\u304d\u51fa\u3057\u306b\u306f\u5165\u308a\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Lottie\u306e\u4e2d\u8eab<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Lottie\u3092\u9078\u3076\u3068\u3001\u30b5\u30a4\u30ba\u3084\u30d5\u30ec\u30fc\u30e0\u30ec\u30fc\u30c8\u306e\u6b04\u306f\u6d88\u3048\u3001\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3068\u3059\u3050\u306b\u4fdd\u5b58\u306e\u7a93\u304c\u51fa\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u66f8\u304d\u51fa\u3057\u305fJSON\u306e\u5192\u982d\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\uff08\u4e00\u90e8\u3092\u629c\u304d\u51fa\u3057\uff09\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-json\"><code>{\"v\":\"5.7.0\",\"meta\":{\"g\":\"Figma\"},\"fr\":60,\"ip\":0,\"op\":90,\n \"w\":952,\"h\":540,\"nm\":\"Frame 1\",\"assets\":[],\n \"layers\":[{\"ty\":4,\"nm\":\"Rectangle 1\", ... }]}<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><code>fr<\/code>\u304c60\u3001<code>op<\/code>\u304c90\u306a\u306e\u3067\u300160fps\u306790\u30d5\u30ec\u30fc\u30e0\u3001\u3064\u307e\u308a1.5\u79d2\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u52d5\u753b\u3067\u306f30fps\u307e\u3067\u306e\u5236\u9650\u304c\u3042\u308a\u307e\u3057\u305f\u304c\u3001Lottie\u306f\u7121\u6599\u306e\u30d7\u30e9\u30f3\u3067\u308260fps\u306e\u5024\u3067\u51fa\u3066\u3044\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u4f4d\u7f6e\u3068\u5927\u304d\u3055\u306f1\u30d5\u30ec\u30fc\u30e0\u3054\u3068\u306e\u5024\u306b\u5c55\u958b\u3055\u308c\u3001\u56de\u8ee2\u3068\u4e0d\u900f\u660e\u5ea6\u306f\u30ad\u30fc\u30d5\u30ec\u30fc\u30e02\u3064\u3068\u66f2\u7dda\u306e\u5f62\u306e\u307e\u307e\u5165\u3063\u3066\u3044\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u56de\u8ee2\u306f\u3001\u53f3\u30d1\u30cd\u30eb\u306e90\u00b0\u306b\u5bfe\u3057\u3066<code>-90<\/code>\u3068\u7b26\u53f7\u304c\u9006\u306e\u5024\u3067\u5165\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lottie\u306e\u518d\u751f\u30bd\u30d5\u30c8\u3067\u306e\u898b\u3048\u65b9\u306f\u3001\u4eca\u56de\u306f\u78ba\u304b\u3081\u3066\u3044\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u516c\u5f0f\u30d8\u30eb\u30d7\u306b\u306f\u3001\u30b7\u30a7\u30fc\u30c0\u30fc\u3068\u89d2\u5ea6\u306e\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u306f\u5e73\u3089\u306a\u753b\u50cf\u306b\u306a\u308a\u3001\u52d5\u753b\u306fLottie\u306b\u5165\u3089\u306a\u3044\u3001\u3068\u66f8\u304b\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">CSS\u30fbJSON\u30fbReact\u306e\u30b3\u30fc\u30c9\u306f Dev Mode \u306e\u6a5f\u80fd<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u516c\u5f0f\u30d8\u30eb\u30d7\u300c<a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/41296356954263-Hand-off-animations-to-development\">Hand off animations to development<\/a>\u300d\u306b\u3088\u308b\u3068\u3001\u30b3\u30fc\u30c9\u306fDev Mode\u3067\u53d6\u308a\u51fa\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30a4\u30f3\u30b9\u30da\u30af\u30c8\u306e\u300cMotion\u300d\u306e\u30bf\u30d6\u3067\u3001CSS\u30fbReact\u30fbJSON\u306e\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3067\u304d\u308b\u4ed5\u7d44\u307f\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5bfe\u8c61\u306f\u6709\u6599\u30d7\u30e9\u30f3\u306e\u30d5\u30eb\u5e2d\u304bDev\u5e2d\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u7121\u6599\u306e\u30b9\u30bf\u30fc\u30bf\u30fc\u30d7\u30e9\u30f3\u3067\u4e0b\u306e\u30c4\u30fc\u30eb\u30d0\u30fc\u306e\u53f3\u7aef\u306e\u30b3\u30fc\u30c9\u306e\u30a2\u30a4\u30b3\u30f3\u3092\u62bc\u3059\u3068\u3001\u300c\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u3057\u3066Dev Mode\u3067\u4f5c\u696d\u3059\u308b\u300d\u306e\u6848\u5185\u304c\u51fa\u3066\u3001\u958b\u3051\u307e\u305b\u3093\u3067\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u6709\u6599\u30d7\u30e9\u30f3\u306b\u5207\u308a\u66ff\u3048\u3066\u53d6\u308a\u51fa\u3057\u305f\u30b3\u30fc\u30c9\u306e\u4e2d\u8eab\u306f\u3001\u6b21\u306e\u7bc0\u306b\u307e\u3068\u3081\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dev Mode\u3067\u3067\u304d\u308b\u3053\u3068\u306f<a href=\"https:\/\/cg-method.com\/figma\/figma-dev-mode-usage\/\">Figma\u306eDev Mode\u306e\u4f7f\u3044\u65b9<\/a>\u3001AI\u306e\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306b\u52d5\u304d\u3092\u8aad\u307e\u305b\u308bMCP\u30b5\u30fc\u30d0\u30fc\u306f<a href=\"https:\/\/cg-method.com\/figma\/figma-mcp-server\/\">Figma\u306eMCP\u30b5\u30fc\u30d0\u30fc\u306e\u4f7f\u3044\u65b9<\/a>\u306b\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u6709\u6599\u30d7\u30e9\u30f3\u306760fps\u3068Dev Mode\u3092\u8a66\u3057\u305f\u7d50\u679c<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">2026\u5e7411\u67082\u65e5\u306b\u3001\u540c\u3058Figma\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30a2\u30d7\u30ea\u3092\u6709\u6599\u306e\u6559\u80b2\u30d7\u30e9\u30f3\u306e\u30a2\u30ab\u30a6\u30f3\u30c8\u306b\u5207\u308a\u66ff\u3048\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u753b\u9762\u306e\u30d7\u30e9\u30f3\u540d\u306e\u8868\u793a\u306f\u300c\u30a8\u30c7\u30e5\u30b1\u30fc\u30b7\u30e7\u30f3\u300d\u3067\u3001\u7121\u6599\u3067\u306f\u6b62\u3081\u3089\u308c\u305f2\u3064\u3092\u3053\u3053\u3067\u8a66\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u4f5c\u3063\u305f\u306e\u306f\u524d\u306e\u7bc0\u3068\u540c\u3058952\u00d7540\u306e\u30d5\u30ec\u30fc\u30e0\u3067\u3001\u9577\u3055\u306f2000\u30df\u30ea\u79d2\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">0\u301c1000\u30df\u30ea\u79d2\u306e\u9593\u306b\u3001\u4f4d\u7f6e\uff08X 147\u2192600\uff09\u30fb\u56de\u8ee2\uff080\u219290\u00b0\uff09\u30fb\u4e0d\u900f\u660e\u5ea6\uff080\u2192100\uff09\u306e\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u3092\u4ed8\u3051\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">60fps\u3067\u66f8\u304d\u51fa\u3059\u306830fps\u306e\u7d042\u500d\u306e\u5927\u304d\u3055<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u6709\u6599\u30d7\u30e9\u30f3\u3067\u306f\u3001\u30d5\u30ec\u30fc\u30e0\u30ec\u30fc\u30c8\u306e\u4e00\u89a7\u306760fps\u3092\u9078\u3093\u3067\u3082\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u306e\u6848\u5185\u306f\u51fa\u307e\u305b\u3093\u3067\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u753b\u9762\u306e\u76ee\u5b89\u306e\u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba\u306f\u300130fps\u306e\u300c\u301c1.1 MB\u300d\u304b\u308960fps\u306e\u300c\u301c1.5 MB\u300d\u306b\u5909\u308f\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30b5\u30a4\u30ba\u306e\u6b04\u306b3x\u3068\u6253\u3064\u3068\u3001\u5927\u304d\u3055\u306f2856\u00d71620\u3001\u76ee\u5b89\u306f\u300c\u301c17 MB\u300d\u306b\u306a\u308a\u3001\u3053\u308c\u3082\u6848\u5185\u306a\u3057\u3067\u9078\u3079\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3x\u3067\u306e\u66f8\u304d\u51fa\u3057\u306f\u3057\u3066\u3044\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-border\"><img decoding=\"async\" width=\"1600\" height=\"723\" src=\"https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-export-60fps.jpg\" alt=\"\u6709\u6599\u30d7\u30e9\u30f3\u306760fps\u306eMP4\u3092\u66f8\u304d\u51fa\u3057\u305f\u30bf\u30d6\u3002Frame 1\u3001952\u00d7540\u300160fps\u3001MP4\u306e\u8868\u793a\" class=\"wp-image-23194\" srcset=\"https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-export-60fps.jpg 1600w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-export-60fps-300x136.jpg 300w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-export-60fps-1024x463.jpg 1024w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-export-60fps-768x347.jpg 768w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-export-60fps-1536x694.jpg 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><figcaption class=\"wp-element-caption\">2026-11-02 \u64ae\u5f71\u3002Figma\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30a2\u30d7\u30ea126.10.13\uff08\u65e5\u672c\u8a9e\u8868\u793a\uff09\u3001\u6709\u6599\u306e\u6559\u80b2\u30d7\u30e9\u30f3\u3001Windows 11\u300260fps\u3092\u9078\u3093\u3067\u66f8\u304d\u51fa\u3057\u305f\u3068\u304d\u306e\u30bf\u30d6\uff08\u4f5c\u6210\u8005\u306e\u6b04\u306f\u307c\u304b\u3057\u3066\u3044\u307e\u3059\uff09<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">1x\u306e\u307e\u307e60fps\u306830fps\u30671\u672c\u305a\u3064\u66f8\u304d\u51fa\u3057\u3001\u4fdd\u5b58\u3057\u305f\u30d5\u30a1\u30a4\u30eb\u3092\u8abf\u3079\u305f\u7d50\u679c\u3067\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table class=\"has-fixed-layout\"><thead><tr><th style=\"min-width:8em !important\">\u9805\u76ee<\/th><th>30fps<\/th><th>60fps<\/th><\/tr><\/thead><tbody><tr><td>\u5927\u304d\u3055<\/td><td>952\u00d7540<\/td><td>952\u00d7540<\/td><\/tr><tr><td>\u9577\u3055<\/td><td>2.033\u79d2\uff0861\u30d5\u30ec\u30fc\u30e0\uff09<\/td><td>2.017\u79d2\uff08121\u30d5\u30ec\u30fc\u30e0\uff09<\/td><\/tr><tr><td>\u30d5\u30a1\u30a4\u30eb\u306e\u5927\u304d\u3055<\/td><td>67,379\u30d0\u30a4\u30c8<\/td><td>128,233\u30d0\u30a4\u30c8<\/td><\/tr><tr><td>\u30d3\u30c3\u30c8\u30ec\u30fc\u30c8<\/td><td>\u7d04261kbps<\/td><td>\u7d04504kbps<\/td><\/tr><tr><td>\u4fdd\u5b58\u306e\u7a93\u304c\u51fa\u308b\u307e\u3067\uff08\u76ee\u5b89\uff09<\/td><td>\u7d042\u5206<\/td><td>\u7d043\u5206<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">60fps\u306f\u30d5\u30ec\u30fc\u30e0\u306e\u6570\u304c\u7d042\u500d\u306b\u306a\u308a\u3001\u30d5\u30a1\u30a4\u30eb\u306e\u5927\u304d\u3055\u3082\u7d041.9\u500d\u306b\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u3069\u3061\u3089\u3082\u753b\u9762\u306e\u76ee\u5b89\uff081.1MB\u30681.5MB\uff09\u3088\u308a\u305a\u3063\u3068\u5c0f\u3055\u304f\u3001\u52d5\u304d\u306e\u5c11\u306a\u3044\u56f3\u5f62\u306a\u3089\u76ee\u5b89\u306f\u5927\u304d\u3081\u306b\u51fa\u308b\u3068\u8003\u3048\u3066\u3088\u3055\u305d\u3046\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u66f8\u304d\u51fa\u3057\u306e\u5f85\u3061\u6642\u9593\u306f30fps\u3067\u3082\u7d042\u5206\u3042\u308b\u306e\u3067\u3001\u4f55\u672c\u3082\u4f5c\u308b\u3068\u304d\u306f\u5148\u306b30fps\u3067\u898b\u3048\u65b9\u3092\u78ba\u304b\u3081\u3001\u6700\u5f8c\u306e1\u672c\u3060\u305160fps\u306b\u3059\u308b\u3068\u5f85\u3061\u6642\u9593\u3092\u6e1b\u3089\u305b\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Dev Mode\u306e\u30e2\u30fc\u30b7\u30e7\u30f3\u6b04\u3067\u51fa\u305f\u30b3\u30fc\u30c9<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u6709\u6599\u30d7\u30e9\u30f3\u3067\u30c4\u30fc\u30eb\u30d0\u30fc\u306e\u53f3\u7aef\u306e\u30b3\u30fc\u30c9\u306e\u30a2\u30a4\u30b3\u30f3\u3092\u62bc\u3059\u3068\u3001\u6848\u5185\u306f\u51fa\u305a\u306bDev Mode\u306b\u5207\u308a\u66ff\u308f\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u52d5\u304d\u3092\u4ed8\u3051\u305f\u9577\u65b9\u5f62\u3092\u9078\u3076\u3068\u3001\u53f3\u306e\u30a4\u30f3\u30b9\u30da\u30af\u30c8\u306e\u4e0b\u306b\u300c\u30e2\u30fc\u30b7\u30e7\u30f3\u300d\u306e\u6b04\u304c\u51fa\u3066\u3001\u300c\u30b3\u30fc\u30c9\u300d\u306e\u53f3\u306e\u4e00\u89a7\u3067CSS\u30fbReact\u30fbJSON\u3092\u5207\u308a\u66ff\u3048\u3089\u308c\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u540c\u3058\u6b04\u306e\u300c\u30ea\u30b9\u30c8\u300d\u306f\u7070\u8272\u3067\u3001\u62bc\u3057\u3066\u3082\u8868\u793a\u306f\u5909\u308f\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-border\"><img decoding=\"async\" width=\"542\" height=\"1344\" src=\"https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-devmode-css.jpg\" alt=\"Dev Mode\u306e\u30a4\u30f3\u30b9\u30da\u30af\u30c8\u306e\u30e2\u30fc\u30b7\u30e7\u30f3\u6b04\u3002CSS\u306e\u30b9\u30bf\u30a4\u30eb\u3068\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u306e\u30b3\u30fc\u30c9\" class=\"wp-image-23195\" srcset=\"https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-devmode-css.jpg 542w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-devmode-css-121x300.jpg 121w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-devmode-css-413x1024.jpg 413w\" sizes=\"(max-width: 542px) 100vw, 542px\" \/><figcaption class=\"wp-element-caption\">2026-11-02 \u64ae\u5f71\u3002Figma\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30a2\u30d7\u30ea126.10.13\uff08\u65e5\u672c\u8a9e\u8868\u793a\uff09\u3001\u6709\u6599\u306e\u6559\u80b2\u30d7\u30e9\u30f3\u3001Windows 11\u3002Dev Mode\u3067\u52d5\u304d\u3092\u4ed8\u3051\u305f\u9577\u65b9\u5f62\u3092\u9078\u3093\u3060\u3068\u304d\u306e\u30e2\u30fc\u30b7\u30e7\u30f3\u6b04\uff08CSS\uff09<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">CSS\u3067\u306f\u3001\u30b9\u30bf\u30a4\u30eb\u3068\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u306e2\u3064\u306e\u6b04\u306b\u5206\u304b\u308c\u3066\u51fa\u307e\u3057\u305f\uff08\u30b3\u30d4\u30fc\u306e\u30dc\u30bf\u30f3\u3067\u53d6\u308a\u51fa\u3057\u3001\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u306e\u6700\u5f8c\u306e\u884c\u306f\u9014\u4e2d\u306e\u884c\u3068\u540c\u3058\u5024\u306a\u306e\u3067\u7701\u3044\u3066\u3044\u307e\u3059\uff09\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\"><code>@property --rotate-transform { syntax: '&lt;angle&gt;'; initial-value: 0rad; inherits: false; }\n\ntransform: rotate(var(--rotate-transform, 0rad));\n\nanimation:\n  kf_1_3_opacity_0 2s linear,\n  kf_1_3_rotate_0 2s linear,\n  kf_1_3_translate_0 2s linear;\nanimation-iteration-count: infinite;\n\n@keyframes kf_1_3_opacity_0 {\n  0% { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); opacity: 0; }\n  50% { opacity: 1; }\n}\n@keyframes kf_1_3_rotate_0 {\n  0% { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); --rotate-transform: 0rad; }\n  50% { --rotate-transform: -1.571rad; }\n}\n@keyframes kf_1_3_translate_0 {\n  0% { translate: 0px 0px; }\n  50% { translate: 453px 0px; }\n}<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\u8aad\u307f\u53d6\u308c\u308b\u3053\u3068\u306f\u6b21\u306e4\u3064\u3067\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>\u4f4d\u7f6e\u306f\u5143\u306e\u5834\u6240\u304b\u3089\u306e\u5dee\u306e<code>translate<\/code>\u3067\u51fa\u308b\uff08600\u2212147\uff1d453px\uff09<\/li>\n\n\n<li>\u56de\u8ee2\u306f\u30e9\u30b8\u30a2\u30f3\u3067\u3001\u53f3\u30d1\u30cd\u30eb\u306e90\u00b0\u304c<code>-1.571rad<\/code>\uff08\u221290\u00b0\uff09\u3068\u7b26\u53f7\u304c\u9006\u306b\u306a\u308b<\/li>\n\n\n<li>1000\u30df\u30ea\u79d2\u3067\u6b62\u307e\u3063\u305f\u5f8c\u306e\u5f8c\u534a\u306f\u3001\u9014\u4e2d\uff0850%\uff09\u3068\u6700\u5f8c\u304c\u540c\u3058\u5024\u306e\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u3068\u3057\u3066\u5165\u308b<\/li>\n\n\n<li>\u518d\u751f\u65b9\u6cd5\u304c\u30eb\u30fc\u30d7\u306e\u307e\u307e\u306a\u306e\u3067\u3001<code>animation-iteration-count: infinite<\/code>\u304c\u4ed8\u304f<\/li>\n\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u30a4\u30fc\u30b8\u30f3\u30b0\u306f\u3001\u56de\u8ee2\u3068\u4e0d\u900f\u660e\u5ea6\u306b\u306f<code>cubic-bezier(0.5, 0, 0.5, 1)<\/code>\u304c\u4ed8\u304d\u3001\u4f4d\u7f6e\u306b\u306f\u4ed8\u304b\u305a<code>linear<\/code>\u306e\u307e\u307e\u3067\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u3069\u3061\u3089\u3082\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u3067\u30a4\u30fc\u30b8\u30f3\u30b0\u3092\u5909\u3048\u3066\u3044\u306a\u3044\u521d\u671f\u5024\u306a\u306e\u3067\u3001\u9805\u76ee\u306b\u3088\u3063\u3066\u521d\u671f\u5024\u304c\u9055\u3046\u3053\u3068\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">React\u3092\u9078\u3076\u3068\u3001Motion\uff08\u65e7Framer Motion\uff09\u306e<code>motion.div<\/code>\u306e\u66f8\u304d\u65b9\u3067\u51fa\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-jsx\"><code>&lt;motion.div\n  initial={{\n    opacity: 0,\n    rotate: 0,\n    x: 0,\n  }}\n  animate={{\n    opacity: [0, 1, 1],\n    rotate: [0, -90, -90],\n    x: [0, 453, 453],\n  }}\n  transition={{\n    opacity: { duration: 2, times: [0, 0.5, 1], ease: [[0.5, 0, 0.5, 1], \"linear\"], repeat: Infinity },\n    rotate: { duration: 2, times: [0, 0.5, 1], ease: [[0.5, 0, 0.5, 1], \"linear\"], repeat: Infinity },\n    x: { duration: 2, times: [0, 0.5, 1], ease: \"linear\", repeat: Infinity },\n  }}\n\/&gt;<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">JSON\u306f\u3001\u9805\u76ee\u3054\u3068\u306e\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u306e\u6642\u523b\uff08\u30df\u30ea\u79d2\uff09\u3068\u5024\u3001\u6b21\u306e\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u307e\u3067\u306e\u30a4\u30fc\u30b8\u30f3\u30b0\u304c\u4e26\u3076\u5f62\u3067\u3057\u305f\uff08\u4f4d\u7f6eX\u306e\u90e8\u5206\u3092\u629c\u304d\u51fa\u3057\uff09\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-json\"><code>{\n  \"version\": 1,\n  \"playbackStyle\": \"loop\",\n  \"nodes\": [\n    {\n      \"node\": \"1:3\",\n      \"timelineDurationMs\": 2000,\n      \"fields\": [\n        {\n          \"field\": \"motionTranslationX@-1:-1\",\n          \"keyframes\": [\n            { \"timeMs\": 0, \"value\": 59 },\n            { \"timeMs\": 1000, \"value\": 512, \"easingToNext\": { \"hold\": true } },\n            { \"timeMs\": 2000, \"value\": 512 }\n          ]\n        },\n        ...\uff08motionRotation\u30fbmotionTranslationY\u30fbopacity \u3082\u540c\u3058\u5f62\u3067\u7d9a\u304f\uff09\n      ]\n    }\n  ]\n}<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">JSON\u306e\u4f4d\u7f6eX\u306f59\u2192512\u3067\u3001\u53f3\u30d1\u30cd\u30eb\u306b\u51fa\u3066\u3044\u305f147\u2192600\u3068\u306f\u6570\u5b57\u304c\u9055\u3044\u307e\u3059\u304c\u3001\u5dee\u306e453\u306f\u540c\u3058\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u56de\u8ee2\u306e\u5024\u306f<code>-1.5707963705062866<\/code>\uff08\u30e9\u30b8\u30a2\u30f3\uff09\u3067\u3001CSS\u3068\u540c\u3058\u304f\u7b26\u53f7\u304c\u9006\u3067\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30e2\u30fc\u30b7\u30e7\u30f3\u6b04\u306e\u300c\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u300d\u306e\u53f3\u306e\u30a2\u30a4\u30b3\u30f3\u3092\u62bc\u3059\u3068\u3001\u8aad\u307f\u53d6\u308a\u5c02\u7528\u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u304c\u958b\u304d\u3001\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u306e\u4f4d\u7f6e\u3068\u30b3\u30fc\u30c9\u3092\u4e26\u3079\u3066\u898b\u3089\u308c\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-border\"><img decoding=\"async\" width=\"1600\" height=\"864\" src=\"https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-devmode-timeline.jpg\" alt=\"Dev Mode\u3067\u958b\u3044\u305f\u8aad\u307f\u53d6\u308a\u5c02\u7528\u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u3068\u3001\u53f3\u306e\u30e2\u30fc\u30b7\u30e7\u30f3\u6b04\u306eJSON\u306e\u30b3\u30fc\u30c9\" class=\"wp-image-23196\" srcset=\"https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-devmode-timeline.jpg 1600w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-devmode-timeline-300x162.jpg 300w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-devmode-timeline-1024x553.jpg 1024w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-devmode-timeline-768x415.jpg 768w, https:\/\/cg-method.com\/figma\/wp-content\/uploads\/2026\/11\/cgm-20261102-figma-motion-devmode-timeline-1536x829.jpg 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><figcaption class=\"wp-element-caption\">2026-11-02 \u64ae\u5f71\u3002Figma\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30a2\u30d7\u30ea126.10.13\uff08\u65e5\u672c\u8a9e\u8868\u793a\uff09\u3001\u6709\u6599\u306e\u6559\u80b2\u30d7\u30e9\u30f3\u3001Windows 11\u3002Dev Mode\u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u8868\u793a\uff08\u53f3\u4e0a\u306e\u30a2\u30ab\u30a6\u30f3\u30c8\u306f\u307c\u304b\u3057\u3066\u3044\u307e\u3059\uff09<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u3067\u306f\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u3092\u52d5\u304b\u305b\u306a\u3044\u306e\u3067\u3001\u958b\u767a\u306e\u62c5\u5f53\u8005\u306b\u898b\u305b\u308b\u3068\u304d\u306f\u7de8\u96c6\u3055\u308c\u308b\u5fc3\u914d\u304c\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u3088\u304f\u3042\u308b\u3064\u307e\u305a\u304d\u3068\u5bfe\u51e6<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u306b\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u30bf\u30d6\u304c\u51fa\u306a\u3044<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3068\u3057\u3066\u66f8\u304d\u51fa\u305b\u308b\u306e\u306f\u3001\u30ad\u30e3\u30f3\u30d0\u30b9\u306b\u76f4\u63a5\u7f6e\u3044\u305f\u6700\u4e0a\u4f4d\u306e\u30d5\u30ec\u30fc\u30e0\u3060\u3051\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30d5\u30ec\u30fc\u30e0\u306e\u4e2d\u306e\u9577\u65b9\u5f62\u3092\u9078\u3093\u3067\u3044\u308b\u3068\u3001\u53f3\u30d1\u30cd\u30eb\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u306f\u9759\u6b62\u753b\u306e\u307b\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30ec\u30a4\u30e4\u30fc\u30d1\u30cd\u30eb\u3067\u4e00\u756a\u5916\u5074\u306e\u30d5\u30ec\u30fc\u30e0\u3092\u9078\u3073\u76f4\u3059\u304b\u3001\u30ad\u30e3\u30f3\u30d0\u30b9\u306e\u30d5\u30ec\u30fc\u30e0\u306e\u540d\u524d\u3092\u62bc\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u30c7\u30b6\u30a4\u30f3\u30e2\u30fc\u30c9\u306b\u623b\u308b\u3068\u52d5\u304d\u304c\u898b\u3048\u306a\u3044<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u30c4\u30fc\u30eb\u30d0\u30fc\u3092\u30c7\u30b6\u30a4\u30f3\u306b\u623b\u3059\u3068\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u306f\u6d88\u3048\u3001\u30ad\u30e3\u30f3\u30d0\u30b9\u306b\u306f\u52d5\u304b\u3059\u524d\u306e\u5024\u306e\u72b6\u614b\u304c\u8868\u793a\u3055\u308c\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u4ed8\u3051\u305f\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u306f\u6d88\u3048\u3066\u3044\u306a\u3044\u306e\u3067\u3001Motion\u306b\u5207\u308a\u66ff\u3048\u308c\u3070\u5143\u3069\u304a\u308a\u898b\u3089\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u306e\u52d5\u304d\u304c\u5909\u3048\u3089\u308c\u306a\u3044<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u4e0a\u306e\u7bc0\u306e\u3068\u304a\u308a\u3001\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u5074\u3067\u306f\u52d5\u304d\u306e\u9805\u76ee\u3092\u5909\u3048\u3089\u308c\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30e1\u30a4\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\uff08\u30ec\u30a4\u30e4\u30fc\u30d1\u30cd\u30eb\u3067\u7d2b\u306e4\u3064\u306e\u3072\u3057\u5f62\u306e\u30a2\u30a4\u30b3\u30f3\uff09\u3092\u9078\u3093\u3067\u76f4\u3059\u3068\u3001\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u306b\u3082\u53cd\u6620\u3055\u308c\u308b\u3068\u516c\u5f0f\u30d8\u30eb\u30d7\u306b\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u6570\u5b57\u3092\u6253\u3063\u305f\u3089\u5225\u306e\u5024\u304c\u5909\u308f\u3063\u305f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Figma\u3067\u306f\u3001\u6b04\u3092\u9078\u3079\u3066\u3044\u306a\u3044\u72b6\u614b\u3067\u6570\u5b57\u30ad\u30fc\u3092\u62bc\u3059\u3068\u3001\u9078\u3093\u3067\u3044\u308b\u8981\u7d20\u306e\u4e0d\u900f\u660e\u5ea6\u304c\u5909\u308f\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Motion\u3067\u306f\u4e0d\u900f\u660e\u5ea6\u3082\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u306e\u5bfe\u8c61\u306a\u306e\u3067\u3001\u77e5\u3089\u306a\u3044\u3046\u3061\u306b\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u304c\u5897\u3048\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u6570\u5024\u306f\u3001\u6b04\u304c\u9752\u3044\u67a0\u3067\u9078\u3070\u308c\u3066\u3044\u308b\u306e\u3092\u898b\u3066\u304b\u3089\u6253\u3064\u3068\u9632\u3052\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u66f8\u304d\u51fa\u3057\u304c\u7d42\u308f\u3089\u306a\u3044<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">MP4\u306f\u65b0\u3057\u3044\u30bf\u30d6\u3067\u63cf\u304d\u51fa\u3057\u3066\u304b\u3089\u4fdd\u5b58\u3059\u308b\u4ed5\u7d44\u307f\u3067\u3001\u4eca\u56de\u306e1.5\u79d2\u306e\u52d5\u753b\u3067\u3082\u7d041\u5206\u534a\u304b\u304b\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uff05\u306e\u8868\u793a\u304c\u9032\u3093\u3067\u3044\u308b\u3046\u3061\u306f\u3001\u30bf\u30d6\u3092\u9589\u3058\u305a\u306b\u5f85\u3063\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30d5\u30a1\u30a4\u30eb\u304c\u91cd\u3044\u3068\u5168\u4f53\u306e\u52d5\u4f5c\u3082\u9045\u304f\u306a\u308b\u306e\u3067\u3001<a href=\"https:\/\/cg-method.com\/figma\/figma-memory-heavy\/\">Figma\u304c\u91cd\u3044\u3068\u304d\u306e\u30e1\u30e2\u30ea\u30fc\u4f7f\u7528\u7387\u306e\u898b\u65b9<\/a>\u3082\u53c2\u8003\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u516c\u5f0f\u30d8\u30eb\u30d7\u3068\u753b\u9762\u3067\u9055\u3063\u3066\u3044\u305f\u6240<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>\u516c\u5f0f\u30d6\u30ed\u30b0\u306b\u306fLottie\u306e\u540d\u524d\u304c\u7121\u3044\u304c\u3001\u516c\u5f0f\u30d8\u30eb\u30d7\u3068\u753b\u9762\u306e\u5f62\u5f0f\u306e\u4e00\u89a7\u306b\u306fLottie\u3068dotLottie\u304c\u3042\u3063\u305f<\/li>\n\n\n<li>\u516c\u5f0f\u30d8\u30eb\u30d7\u3067\u306f\u3001\u52d5\u304d\u3092\u4ed8\u3051\u305f\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u30c7\u30b6\u30a4\u30f3\u30e2\u30fc\u30c9\u3067\u4f5c\u308b\u3068\u3042\u308b\u304c\u3001Motion\u306e\u307e\u307e\u53f3\u30af\u30ea\u30c3\u30af\u306e\u300c\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f5c\u6210\u300d\u3067\u4f5c\u308c\u305f<\/li>\n\n\n<li>\u516c\u5f0f\u30d8\u30eb\u30d7\u3067\u306f\u3001\u66f8\u304d\u51fa\u3057\u305f\u30d5\u30a1\u30a4\u30eb\u306f\u65b0\u3057\u3044\u30bf\u30d6\u306e\u300c\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u300d\u3067\u53d7\u3051\u53d6\u308b\u3068\u3042\u308b\u304c\u3001\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30a2\u30d7\u30ea\u3067\u306fMP4\u306f\u65b0\u3057\u3044\u30bf\u30d6\u306e\u5f8c\u306b\u4fdd\u5b58\u306e\u7a93\u304c\u81ea\u52d5\u3067\u51fa\u3066\u3001Lottie\u306f\u30bf\u30d6\u3092\u958b\u304b\u305a\u306b\u4fdd\u5b58\u306e\u7a93\u304c\u51fa\u305f<\/li>\n\n\n<li>\u52d5\u753b\u306f30fps\u307e\u3067\u306e\u5236\u9650\u304c\u3042\u3063\u305f\u304c\u3001Lottie\u306f60fps\u306e\u5024\u3067\u66f8\u304d\u51fa\u3055\u308c\u305f<\/li>\n\n\n<li>\u516c\u5f0f\u30d8\u30eb\u30d7\u306e\u300cMotion tab\u300d\u306f\u3001\u65e5\u672c\u8a9e\u306e\u753b\u9762\u3067\u306f\u30bf\u30d6\u3067\u306f\u306a\u304f\u3001\u30a4\u30f3\u30b9\u30da\u30af\u30c8\u306e\u4e0b\u306e\u300c\u30e2\u30fc\u30b7\u30e7\u30f3\u300d\u306e\u6b04\u3060\u3063\u305f<\/li>\n\n\n<li>\u516c\u5f0f\u30d8\u30eb\u30d7\u306e\u300cShow in timeline view\u300d\u306f\u3001\u65e5\u672c\u8a9e\u306e\u753b\u9762\u3067\u306f\u300c\u30e2\u30fc\u30b7\u30e7\u30f3\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u3092\u958b\u304f\u300d\u306e\u30dc\u30bf\u30f3\u3068\u3001\u30e2\u30fc\u30b7\u30e7\u30f3\u6b04\u306e\u30a2\u30a4\u30b3\u30f3\u3060\u3063\u305f<\/li>\n\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u307e\u3068\u3081<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>Figma Motion\u306f\u4e0b\u306e\u30c4\u30fc\u30eb\u30d0\u30fc\u306e\u5207\u308a\u66ff\u3048\u3067\u958b\u304d\u3001\u7121\u6599\u306e\u30b9\u30bf\u30fc\u30bf\u30fc\u30d7\u30e9\u30f3\u3067\u3082\u4f7f\u3048\u308b\uff082026\u5e7411\u67081\u65e5\u6642\u70b9\u306f\u30aa\u30fc\u30d7\u30f3\u30d9\u30fc\u30bf\uff09<\/li>\n\n\n<li>\u25c7\u3067\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u3092\u6253\u3061\u3001\u6642\u523b\u3092\u5909\u3048\u3066\u5024\u3092\u6253\u3064\u30682\u3064\u76ee\u306e\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u304c\u4ed8\u304f<\/li>\n\n\n<li>\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u306e\u9593\u306e\u7dda\u3092\u62bc\u3059\u3068\u3001\u7dda\u5f62\u30fb\u30a4\u30fc\u30ba\u30fb\u30d0\u30c3\u30af\u30fb\u30ab\u30b9\u30bf\u30e0\u30d9\u30b8\u30a8\u30fb\u30b9\u30d7\u30ea\u30f3\u30b0\u304b\u3089\u30a4\u30fc\u30b8\u30f3\u30b0\u3092\u9078\u3079\u308b<\/li>\n\n\n<li>\u52d5\u304d\u306f\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u304b\u3089\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u306b\u7d99\u627f\u3055\u308c\u3001\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u5074\u3067\u306f\u5909\u3048\u3089\u308c\u306a\u3044<\/li>\n\n\n<li>\u66f8\u304d\u51fa\u3057\u306fMP4\u30fbWebM\u30fbGIF\u30fbSVG\u30fbLottie\u30fbdotLottie\u3067\u3001\u7121\u6599\u306e\u30d7\u30e9\u30f3\u306e\u52d5\u753b\u306f30fps\u307e\u3067\uff08\u6709\u6599\u30d7\u30e9\u30f3\u306e60fps\u306f\u30d5\u30a1\u30a4\u30eb\u304c\u7d041.9\u500d\uff09<\/li>\n\n\n<li>CSS\u30fbJSON\u30fbReact\u306e\u30b3\u30fc\u30c9\u306f\u6709\u6599\u306eDev Mode\u306e\u6a5f\u80fd\u3067\u3001React\u306fMotion\u306emotion.div\u306e\u5f62\u3067\u51fa\u308b<\/li>\n\n\n<li>\u753b\u9762\u9077\u79fb\u306e\u52d5\u304d\u306f\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7\u306e\u30b9\u30de\u30fc\u30c8\u30a2\u30cb\u30e1\u30fc\u30c8\u3001\u90e8\u54c1\u306e\u52d5\u304d\u3092\u52d5\u753b\u3084Lottie\u306b\u3059\u308b\u306a\u3089Figma Motion<\/li>\n\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u6b21\u306e\u4e00\u6b69\u306f\u3001\u4eca\u3042\u308b\u30dc\u30bf\u30f3\u304b\u30ed\u30b4\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u4e0d\u900f\u660e\u5ea6\u3068\u4f4d\u7f6e\u306e\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u30922\u3064\u305a\u3064\u4ed8\u3051\u3066\u300130fps\u306eMP4\u3067\u66f8\u304d\u51fa\u3057\u3066\u307f\u308b\u3053\u3068\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u53c2\u8003\uff1a<a href=\"https:\/\/www.figma.com\/blog\/introducing-figma-motion\/\">Introducing Figma Motion<\/a>\u3001<a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/41274629073303-Explore-Figma-Motion\">Explore Figma Motion<\/a>\u3001<a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/41405906446999-Use-the-Figma-Motion-timeline\">Use the Figma Motion timeline<\/a>\u3001<a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/41307938657559-Add-select-and-delete-keyframes\">Add, select, and delete keyframes<\/a>\u3001<a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/41307940738967-Create-and-use-animated-components\">Create and use animated components<\/a>\u3001<a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/41307983648407-Export-animations-from-Figma\">Export animations from Figma<\/a>\u3001<a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/41296356954263-Hand-off-animations-to-development\">Hand off animations to development<\/a>\uff08\u3044\u305a\u308c\u30822026\u5e7411\u67081\u65e5\u306b\u78ba\u8a8d\u3002\u66f8\u304d\u51fa\u3057\u3068Dev Mode\u306e2\u672c\u306f11\u67082\u65e5\u306b\u3082\u8aad\u307f\u76f4\u3057\u307e\u3057\u305f\uff09<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Figma Motion\u306e\u4f7f\u3044\u65b9\u3092\u30012026\u5e7411\u67081\u65e5\u306b\u7121\u6599\u306e\u30b9\u30bf\u30fc\u30bf\u30fc\u30d7\u30e9\u30f3\u306e\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30a2\u30d7\u30ea\u3067\u78ba\u304b\u3081\u307e\u3057\u305f\u3002\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u306e\u51fa\u3057\u65b9\u3001\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u306e\u6253\u3061\u65b9\u3001\u30a4\u30fc\u30b8\u30f3\u30b0\u3068\u30b9\u30d7\u30ea\u30f3\u30b0\u3001\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u304b\u3089\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u3078\u306e\u7d99\u627f\u3001MP4\u3068Lottie\u306e\u66f8\u304d\u51fa\u3057\u7d50\u679c\u3001\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7\u306e\u30b9\u30de\u30fc\u30c8\u30a2\u30cb\u30e1\u30fc\u30c8\u3068\u306e\u9055\u3044\u3092\u8f09\u305b\u3066\u3044\u307e\u3059\u3002<\/p>\n","protected":false},"author":1,"featured_media":23183,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":"","book_review_data":"","footnotes":"","ssp_meta_title":"Figma Motion\u306e\u4f7f\u3044\u65b9\uff5c\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u3068\u66f8\u304d\u51fa\u3057","ssp_meta_description":"Figma Motion\u306f\u3001\u30ad\u30e3\u30f3\u30d0\u30b9\u306e\u4e0b\u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u3067\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u3092\u6253\u3063\u3066\u52d5\u304d\u3092\u4ed8\u3051\u308b\u6a5f\u80fd\u3067\u3059\u3002\u7121\u6599\u306e\u30b9\u30bf\u30fc\u30bf\u30fc\u30d7\u30e9\u30f3\u3067\u3001\u30a4\u30fc\u30b8\u30f3\u30b0\u3001\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3078\u306e\u7d99\u627f\u3001MP4\u3068Lottie\u306e\u66f8\u304d\u51fa\u3057\u3092\u5b9f\u6a5f\u3067\u78ba\u304b\u3081\u307e\u3057\u305f\u3002"},"categories":[132],"tags":[],"class_list":["post-23182","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to-use"],"_links":{"self":[{"href":"https:\/\/cg-method.com\/figma\/wp-json\/wp\/v2\/posts\/23182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cg-method.com\/figma\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cg-method.com\/figma\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cg-method.com\/figma\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cg-method.com\/figma\/wp-json\/wp\/v2\/comments?post=23182"}],"version-history":[{"count":6,"href":"https:\/\/cg-method.com\/figma\/wp-json\/wp\/v2\/posts\/23182\/revisions"}],"predecessor-version":[{"id":23200,"href":"https:\/\/cg-method.com\/figma\/wp-json\/wp\/v2\/posts\/23182\/revisions\/23200"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cg-method.com\/figma\/wp-json\/wp\/v2\/media\/23183"}],"wp:attachment":[{"href":"https:\/\/cg-method.com\/figma\/wp-json\/wp\/v2\/media?parent=23182"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cg-method.com\/figma\/wp-json\/wp\/v2\/categories?post=23182"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cg-method.com\/figma\/wp-json\/wp\/v2\/tags?post=23182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}