ATProto Browser

ATProto Browser

Experimental browser for the Atmosphere

Post

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

Record data

{
  "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"
  }
}