Experimental browser for the Atmosphere
Having a little play this morning and it's true: @figma.com Sites is using Motion to generate its appear, gesture and scroll animations! Building an animation engine for the whole web. 🚧 For anyone with beta access to Figma Make, here's a quick start guide: motion.dev/docs/figma
May 8, 2025, 1:46 PM
{ "uri": "at://did:plc:jqvil2la5t4yccau2abpmj6t/app.bsky.feed.post/3loo2e7hnqc2p", "cid": "bafyreifon2iteuih4gtwia3sxhearidprzy7wztklu6ncqvfm4z2vpvjuy", "value": { "text": "Having a little play this morning and it's true: @figma.com Sites is using Motion to generate its appear, gesture and scroll animations!\n\nBuilding an animation engine for the whole web. 🚧\n\nFor anyone with beta access to Figma Make, here's a quick start guide: motion.dev/docs/figma", "$type": "app.bsky.feed.post", "embed": { "$type": "app.bsky.embed.external", "external": { "uri": "https://motion.dev/docs/figma", "thumb": { "$type": "blob", "ref": { "$link": "bafkreibiumx5ptrdmbhkgocjrbcwrigzqjmng3quuamfvcrrk5ezyafuom" }, "mimeType": "image/jpeg", "size": 186625 }, "title": "Animate your Figma projects with Motion | Motion for React (prev Framer Motion)", "description": "Motion for React is available in both Figma Sites and Figma Make. In this guide, we'll learn how to generate Motion code via its powerful AI authoring tools." } }, "langs": [ "en" ], "facets": [ { "$type": "app.bsky.richtext.facet", "index": { "byteEnd": 59, "byteStart": 49 }, "features": [ { "did": "did:plc:z7mxys3ms5slfb26r5vmtve2", "$type": "app.bsky.richtext.facet#mention" } ] }, { "index": { "byteEnd": 284, "byteStart": 263 }, "features": [ { "uri": "https://motion.dev/docs/figma", "$type": "app.bsky.richtext.facet#link" } ] } ], "createdAt": "2025-05-08T13:46:40.909Z" } }