{
"$type": "site.standard.document",
"bskyPostRef": {
"cid": "bafyreiav47dah2mnjedxozb5ibi2qoepr65gswzsmebtbnocugvwacvd6q",
"uri": "at://did:plc:l3e5dwh76s56uxyxr36ic3eo/app.bsky.feed.post/3mf7e7v26anv2"
},
"coverImage": {
"$type": "blob",
"ref": {
"$link": "bafkreieu3fxm6tvwkxpxa2o6cs3jyetpi7yccd3aiu5jetclhbczx4bbiq"
},
"mimeType": "image/png",
"size": 100710
},
"path": "/blog/claude-code-to-figma",
"publishedAt": "2026-02-18T10:22:00.000Z",
"site": "https://azukiazusa.dev",
"textContent": "Claude Code to Figma はコードから Figma デザインを生成するための機能です。Figma MCP サーバーの `generate_figma_design` ツールを使用して、ローカルで開発したコードから Figma デザインを生成して、さらに Figma 上で編集した内容をコードに反映させるという双方向のワークフローが実現できるようになります。",
"title": "Claude Code to Figma を使ってコードから Figma デザインを生成する"
}