Skip to content
iMessage Music Builder

iMessage Music Builder

by Pat Dugan

Inject artist, album, and track data from Apple Music into your components and prototypes.

FreeFigma

Installs

2

Likes

1

Users

146

Views

42

Preview

iMessage Music Builder preview

About this plugin

Bring real music into your iMessage mockups. This plugin integrates seamlessly with the iMessage Chat Builder UI kit. Select a Music Bubble, search for any song, and instantly fill it with real track data.

In one click, the plugin populates a Music Bubble with the following:

The song title and artist nameThe album artworkA color theme pulled from the cover artIt also keeps your recently used tracks on hand and suggests featured songs to get you started.

Getting StartedTo get started, follow these quick steps:

1. Add the iMessage Chat Builder UI kitThis plugin fills the Music Bubble component from the iMessage Chat Builder UI kit. Make sure the kit is present in your file before running it.

2. Select a Music Bubble and searchSelect a Music Bubble instance, run the plugin, search for an artist or song, and click a result to fill the bubble.---This plugin is not affiliated with or endorsed by Apple Inc or Figma Inc. Song metadata and album artwork are provided by the iTunes Search API.

More import & export plugins plugins

View all