Back to Plugins
Spotify to Figma

Spotify to Figma

<p>This simple plugin allows you to get data from Spotify onto your canvas.&nbsp;</p><p><br></p><h2><strong>How to use</strong></h2><ol><li><strong>Call a Spotify API&nbsp;</strong>endpoint with desired parameters. You can make it right in your browser via&nbsp;<a href="https://developer.spotify.com/console/" rel="noreferrer noopener nofollow ugc" target="_blank">Spotify Developer Console</a>.</li><li><strong>Copy the response</strong>&nbsp;(make sure it contains an array of playlists, albums, tracks, artists or categories) and paste it into the plugin.</li><li><strong>Press the button</strong>&nbsp;and wait for a little. Getting covers takes some time. Done!</li></ol><p><br></p><h2><strong>Example</strong></h2><ol><li>Let's pretend your project needs some playlists. You go to the&nbsp;<a href="https://developer.spotify.com/console/get-featured-playlists" rel="noreferrer noopener nofollow ugc" target="_blank">Featured Playlists endpoint</a>&nbsp;and fill in the needed options.</li><li>Then you have to get a token. Spotify will ask you to authorize. Simply, just press green buttons, and it's done.</li><li>Press "Try it", then select and copy the API response from the right side.</li><li>Now open the plugin and just paste it. Press "Get data" and there you go!</li></ol><p><br></p><h2>Good to know</h2><p>If you close the plugin while it's working, it will stop without filling in the remaining data. When the job is done, the plugin will close automatically.</p><p><br></p><p>This plugin was designed to work with arrays of data (several albums, playlist tracks), so it may behave unpredictably with some endpoints like "Get an Album".</p><p><br></p><h2>Roadmap</h2><p><em>This plugin was created for specific needs and its development is dependent on the demand.&nbsp;</em></p><p>Please, suggest the needed features. I guess the next steps could be:</p><ul><li><s>Going to GitHub as an open-source project</s> ✔</li><li>Expanding the list of supported endpoints</li><li>Way to customize receiving data</li><li>Way to call endpoints right from the plugin</li></ul><h2><br></h2><p>If you're interested in this plugin and want to make it better (features, refactoring), contact me.</p><p><br></p><h2>Problem? Idea? Kind words?</h2><p>You can contact me via e-mail at&nbsp;<a href="mailto:[email protected]?subject=Spotify%20to%20Figma" rel="noreferrer noopener nofollow ugc" target="_blank">[email protected]</a>.</p><p>But the most rapid way is&nbsp;<a href="http://t.me/qurle" rel="noreferrer noopener nofollow ugc" target="_blank">Telegram</a>.</p><p>This project is open sourced <a href="https://github.com/qurle/spotify-to-figma" rel="noreferrer noopener nofollow ugc" target="_blank">on Github</a>.</p><p><br></p><p>Don't hesitate, I'd like to know your thoughts on this plugin (or we can talk about anything else).</p><p><br></p><h2>&lt;3</h2>

musicfetchingintegrationsongspotifycoverapi

Plugin Preview

Spotify to Figma preview

About this plugin

This simple plugin allows you to get data from Spotify onto your canvas. 


How to use

  1. Call a Spotify API endpoint with desired parameters. You can make it right in your browser via Spotify Developer Console.
  2. Copy the response (make sure it contains an array of playlists, albums, tracks, artists or categories) and paste it into the plugin.
  3. Press the button and wait for a little. Getting covers takes some time. Done!


Example

  1. Let's pretend your project needs some playlists. You go to the Featured Playlists endpoint and fill in the needed options.
  2. Then you have to get a token. Spotify will ask you to authorize. Simply, just press green buttons, and it's done.
  3. Press "Try it", then select and copy the API response from the right side.
  4. Now open the plugin and just paste it. Press "Get data" and there you go!


Good to know

If you close the plugin while it's working, it will stop without filling in the remaining data. When the job is done, the plugin will close automatically.


This plugin was designed to work with arrays of data (several albums, playlist tracks), so it may behave unpredictably with some endpoints like "Get an Album".


Roadmap

This plugin was created for specific needs and its development is dependent on the demand. 

Please, suggest the needed features. I guess the next steps could be:

  • Going to GitHub as an open-source project
  • Expanding the list of supported endpoints
  • Way to customize receiving data
  • Way to call endpoints right from the plugin


If you're interested in this plugin and want to make it better (features, refactoring), contact me.


Problem? Idea? Kind words?

You can contact me via e-mail at [email protected].

But the most rapid way is Telegram.

This project is open sourced on Github.


Don't hesitate, I'd like to know your thoughts on this plugin (or we can talk about anything else).


<3

Plugin Details

Version4
CreatedAugust 10, 2021
Last UpdatedAugust 8, 2022
CategorySoftware development
CreatorNick Qurle
Stats1470 installs, 119 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma