Editor

SketchSystems.spec

Editor
  Empty Canvas
    click Add Chart -> Canvas with Chart
  Canvas with Chart
    Inspector open*
      click Select Data Source -> Data Source Select inspector
    Data Source Select inspector
      back -> Canvas with Chart
      select a Data Source -> Canvas with Chart
      click Connect More Data Source -> Modal Marketplace window
  Modal Marketplace window  
    Marketplace*
      select a Data Source -> Login and Configure service
      close -> Canvas with Chart
    Login and Configure service
      login -> Choose metric
      back -> Modal Marketplace window
    Choose metric
      choose metric -> Canvas with Chart
      back -> Modal Marketplace window
      

SketchSystems_prototype.js

const figmaFile = 'RarZpA9EG7558E4WaWtQY23M';

const figmaNodes = {'Empty Canvas': '21%3A20462'}

const figmaURL = "https://www.figma.com/embed?embed_host=share&url=https://www.figma.com/file/" + figmaFile + "/Sample-File?node-id=";

function render(model){
  const currentStateName = model.active_states[0].name;
  for (f in figmaNodes) 
    if (currentStateName === f) 
      return $("iframe",{src: figmaURL + figmaNodes[f], width: '100%', height: '100%'});
}