Reunion

SketchSystems.spec

Reunion
  Menu*
    My Photos -> My Photos
  My Photos
    Menu -> Menu

    My Photos Home*
      # Upload
      Send -> Selection Start
    
    Selection Start
      Back -> My Photos
      Select photos -> Selected

    Selected
      # To Trash
      To Albums -> Select Target Albums
      To Groups -> Select Target Groups
      # To Members
      Back -> My Photos
      
    Select Target Albums
      Select Albums -> Album Selected
      Back -> Selected

    Album Selected
      Add Photos Here -> My Photos
      Back -> Selected
      
    Select Target Groups
      Add Photos Here -> My Photos
      Back -> Selected

SketchSystems_prototype.js

const figmaFile = "a4ySntr44G77x7evMCzrw8vO";

const figmaNodes = {
  "Menu":"18%3A7",
  "My Photos Home": "18%3A6",
  "Selection Start": "24%3A27",
  "Selected": "24%3A60",
  "Select Target Albums": "41%3A3",
  "Album Selected": "46%3A2",
  "Select Target Groups": "46%3A50"
};

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%'});
}