@code
@figma Learn more about how the Figma MCP server can now generate design layers from VS Code: https://t.co/3iVYA7Qtsf
🐦 Twitter Post Details
Viewing enriched Twitter post
📊 Media Metadata
{
"media": [
{
"type": "photo",
"url": "https://crmoxkoizveukayfjuyo.supabase.co/storage/v1/object/public/media/posts/2031095722469196109/media_0.jpg",
"filename": "media_0.jpg"
}
],
"processed_at": "2026-03-09T20:05:17.657027",
"pipeline_version": "2.0"
}🔧 Raw API Response
{
"type": "tweet",
"id": "2031095722469196109",
"url": "https://x.com/code/status/2031095722469196109",
"twitterUrl": "https://twitter.com/code/status/2031095722469196109",
"text": "@figma Learn more about how the Figma MCP server can now generate design layers from VS Code: https://t.co/3iVYA7Qtsf",
"source": "Twitter for iPhone",
"retweetCount": 0,
"replyCount": 0,
"likeCount": 0,
"quoteCount": 0,
"viewCount": 1018,
"createdAt": "Mon Mar 09 19:52:10 +0000 2026",
"lang": "en",
"bookmarkCount": 1,
"isReply": true,
"inReplyToId": "2031095720774611013",
"conversationId": "2031095720774611013",
"displayTextRange": [
7,
117
],
"inReplyToUserId": "3167734591",
"inReplyToUsername": "code",
"author": {
"type": "user",
"userName": "code",
"url": "https://x.com/code",
"twitterUrl": "https://twitter.com/code",
"id": "3167734591",
"name": "Visual Studio Code",
"isVerified": false,
"isBlueVerified": true,
"verifiedType": null,
"profilePicture": "https://pbs.twimg.com/profile_images/1545098208556097536/rKXaODLl_normal.jpg",
"coverPicture": "https://pbs.twimg.com/profile_banners/3167734591/1751299629",
"description": "",
"location": "Redmond, WA, USA",
"followers": 785637,
"following": 148,
"status": "",
"canDm": true,
"canMediaTag": true,
"createdAt": "Wed Apr 22 16:53:09 +0000 2015",
"entities": {
"description": {
"urls": []
},
"url": {}
},
"fastFollowersCount": 0,
"favouritesCount": 3524,
"hasCustomTimelines": true,
"isTranslator": false,
"mediaCount": 1980,
"statusesCount": 8398,
"withheldInCountries": [],
"affiliatesHighlightedLabel": {},
"possiblySensitive": false,
"pinnedTweetIds": [
"2029279963778515372"
],
"profile_bio": {
"description": "The open source AI code editor",
"entities": {
"description": {
"hashtags": [],
"symbols": [],
"urls": [],
"user_mentions": []
},
"url": {
"urls": [
{
"display_url": "code.visualstudio.com",
"expanded_url": "https://code.visualstudio.com",
"indices": [
0,
23
],
"url": "https://t.co/HQDNY75DqR"
}
]
}
}
},
"isAutomated": false,
"automatedBy": null
},
"extendedEntities": {},
"card": {
"binding_values": [
{
"key": "photo_image_full_size_large",
"value": {
"image_value": {
"height": 419,
"url": "https://pbs.twimg.com/card_img/2030034229825093632/7xwpXwaQ?format=jpg&name=800x419",
"width": 800
}
}
},
{
"key": "thumbnail_image",
"value": {
"image_value": {
"height": 149,
"url": "https://pbs.twimg.com/card_img/2030034229825093632/7xwpXwaQ?format=jpg&name=420x420_1",
"width": 420
}
}
},
{
"key": "description",
"value": {
"string_value": "GitHub Copilot users can now connect to the Figma MCP server to both pull design context into code and send rendered UI to Figma as editable frames. Together, these capabilities…"
}
},
{
"key": "domain",
"value": {
"string_value": "github.blog"
}
},
{
"key": "thumbnail_image_large",
"value": {
"image_value": {
"height": 356,
"url": "https://pbs.twimg.com/card_img/2030034229825093632/7xwpXwaQ?format=jpg&name=1000x1000",
"width": 1000
}
}
},
{
"key": "summary_photo_image_small",
"value": {
"image_value": {
"height": 202,
"url": "https://pbs.twimg.com/card_img/2030034229825093632/7xwpXwaQ?format=jpg&name=386x202",
"width": 386
}
}
},
{
"key": "thumbnail_image_original",
"value": {
"image_value": {
"height": 734,
"url": "https://pbs.twimg.com/card_img/2030034229825093632/7xwpXwaQ?format=jpg&name=orig",
"width": 2064
}
}
},
{
"key": "photo_image_full_size_small",
"value": {
"image_value": {
"height": 202,
"url": "https://pbs.twimg.com/card_img/2030034229825093632/7xwpXwaQ?format=jpg&name=386x202",
"width": 386
}
}
},
{
"key": "summary_photo_image_large",
"value": {
"image_value": {
"height": 419,
"url": "https://pbs.twimg.com/card_img/2030034229825093632/7xwpXwaQ?format=jpg&name=800x419",
"width": 800
}
}
},
{
"key": "thumbnail_image_small",
"value": {
"image_value": {
"height": 85,
"url": "https://pbs.twimg.com/card_img/2030034229825093632/7xwpXwaQ?format=jpg&name=240x240",
"width": 240
}
}
},
{
"key": "thumbnail_image_x_large",
"value": {
"image_value": {
"height": 728,
"url": "https://pbs.twimg.com/card_img/2030034229825093632/7xwpXwaQ?format=png&name=2048x2048_2_exp",
"width": 2048
}
}
},
{
"key": "photo_image_full_size_original",
"value": {
"image_value": {
"height": 734,
"url": "https://pbs.twimg.com/card_img/2030034229825093632/7xwpXwaQ?format=jpg&name=orig",
"width": 2064
}
}
},
{
"key": "vanity_url",
"value": {
"scribe_key": "vanity_url",
"string_value": "github.blog"
}
},
{
"key": "photo_image_full_size",
"value": {
"image_value": {
"height": 314,
"url": "https://pbs.twimg.com/card_img/2030034229825093632/7xwpXwaQ?format=jpg&name=600x314",
"width": 600
}
}
},
{
"key": "thumbnail_image_color",
"value": {
"image_color_value": {
"palette": [
{
"percentage": 82.37,
"rgb": {
"blue": 13,
"green": 11,
"red": 4
}
},
{
"percentage": 12.35,
"rgb": {
"blue": 38,
"green": 58,
"red": 23
}
},
{
"percentage": 2.04,
"rgb": {
"blue": 239,
"green": 239,
"red": 239
}
},
{
"percentage": 0.48,
"rgb": {
"blue": 55,
"green": 55,
"red": 255
}
},
{
"percentage": 0.39,
"rgb": {
"blue": 254,
"green": 79,
"red": 136
}
}
]
}
}
},
{
"key": "title",
"value": {
"string_value": "Figma MCP server can now generate design layers from VS Code - GitHub Changelog"
}
},
{
"key": "summary_photo_image_color",
"value": {
"image_color_value": {
"palette": [
{
"percentage": 82.37,
"rgb": {
"blue": 13,
"green": 11,
"red": 4
}
},
{
"percentage": 12.35,
"rgb": {
"blue": 38,
"green": 58,
"red": 23
}
},
{
"percentage": 2.04,
"rgb": {
"blue": 239,
"green": 239,
"red": 239
}
},
{
"percentage": 0.48,
"rgb": {
"blue": 55,
"green": 55,
"red": 255
}
},
{
"percentage": 0.39,
"rgb": {
"blue": 254,
"green": 79,
"red": 136
}
}
]
}
}
},
{
"key": "summary_photo_image_x_large",
"value": {
"image_value": {
"height": 728,
"url": "https://pbs.twimg.com/card_img/2030034229825093632/7xwpXwaQ?format=png&name=2048x2048_2_exp",
"width": 2048
}
}
},
{
"key": "summary_photo_image",
"value": {
"image_value": {
"height": 314,
"url": "https://pbs.twimg.com/card_img/2030034229825093632/7xwpXwaQ?format=jpg&name=600x314",
"width": 600
}
}
},
{
"key": "photo_image_full_size_color",
"value": {
"image_color_value": {
"palette": [
{
"percentage": 82.37,
"rgb": {
"blue": 13,
"green": 11,
"red": 4
}
},
{
"percentage": 12.35,
"rgb": {
"blue": 38,
"green": 58,
"red": 23
}
},
{
"percentage": 2.04,
"rgb": {
"blue": 239,
"green": 239,
"red": 239
}
},
{
"percentage": 0.48,
"rgb": {
"blue": 55,
"green": 55,
"red": 255
}
},
{
"percentage": 0.39,
"rgb": {
"blue": 254,
"green": 79,
"red": 136
}
}
]
}
}
},
{
"key": "photo_image_full_size_x_large",
"value": {
"image_value": {
"height": 728,
"url": "https://pbs.twimg.com/card_img/2030034229825093632/7xwpXwaQ?format=png&name=2048x2048_2_exp",
"width": 2048
}
}
},
{
"key": "card_url",
"value": {
"scribe_key": "card_url",
"string_value": "https://t.co/3iVYA7Qtsf"
}
},
{
"key": "summary_photo_image_original",
"value": {
"image_value": {
"height": 734,
"url": "https://pbs.twimg.com/card_img/2030034229825093632/7xwpXwaQ?format=jpg&name=orig",
"width": 2064
}
}
}
],
"card_platform": {
"platform": {
"audience": {
"name": "production"
},
"device": {
"name": "iPhone",
"version": "13"
}
}
},
"name": "summary_large_image",
"url": "https://t.co/3iVYA7Qtsf",
"user_refs_results": []
},
"place": {},
"entities": {
"hashtags": [],
"symbols": [],
"timestamps": [],
"urls": [
{
"display_url": "github.blog/changelog/2026…",
"expanded_url": "https://github.blog/changelog/2026-03-06-figma-mcp-server-can-now-generate-design-layers-from-vs-code/",
"indices": [
94,
117
],
"url": "https://t.co/3iVYA7Qtsf"
}
],
"user_mentions": [
{
"id_str": "3181020308",
"indices": [
0,
6
],
"name": "Figma",
"screen_name": "figma"
}
]
},
"quoted_tweet": null,
"retweeted_tweet": null,
"isLimitedReply": false,
"article": null
}