Read Design Strategy Prompt

// First, check what the user has selected
const selection = await read_my_design();

const selection = await get_selection();

if (!selection || selection.length === 0) {
  // Ask user to make a selection
  return "Please select the elements you want me to analyze in Figma.";
}

const design = await read_my_design();
// Returns complete node structure with children

const selection = await get_selection();
// Returns array of selected node IDs and names

const nodeInfo = await get_node_info({ nodeId: "123:456" });
// Returns complete node properties

const nodesInfo = await get_nodes_info({ 
  nodeIds: ["123:456", "123:457", "123:458"] 
});
// Returns array of node properties

// Step 1: Get selection
const selection = await read_my_design();

if (!selection || !selection.children) {
  return "Please select a frame or screen to analyze.";
}

// Step 2: Understand structure
const layout = {
  name: selection.name,
  type: selection.type,
  dimensions: {
    width: selection.absoluteBoundingBox?.width,
    height: selection.absoluteBoundingBox?.height
  },
  children: selection.children.length
};

// Step 3: Analyze children
for (const child of selection.children) {
  console.log(`${child.name}: ${child.type}`);
}

// Step 1: Get selection
const selection = await read_my_design();

// Step 2: Scan all text nodes
const textNodes = await scan_text_nodes({ 
  nodeId: selection.id 
});

// Step 3: Extract text content
const textContent = textNodes.map(node => ({
  id: node.id,
  name: node.name,
  text: node.characters
}));

// Step 1: Get selection
const selection = await get_selection();

// Step 2: Scan for component instances
const instances = await scan_nodes_by_types({
  nodeId: selection[0].id,
  types: ["INSTANCE", "COMPONENT"]
});

// Step 3: Get details for each instance
for (const instance of instances.matchingNodes) {
  const details = await get_node_info({ nodeId: instance.id });
  console.log(`Component: ${details.name}`);
}

const selection = await get_selection();

if (selection.length === 0) {
  return "No selection. Please select elements in Figma first.";
}

if (selection.length === 1) {
  // Single node selected
  const detail = await read_my_design();
} else {
  // Multiple nodes selected
  const details = await get_nodes_info({ 
    nodeIds: selection.map(s => s.id) 
  });
}

const textNodes = await scan_text_nodes({ nodeId });

const components = await scan_nodes_by_types({ 
  nodeId, 
  types: ["COMPONENT", "INSTANCE"] 
});

const frames = await scan_nodes_by_types({ 
  nodeId, 
  types: ["FRAME"] 
});

// Scanning large designs processes in chunks automatically
const result = await scan_text_nodes({
  nodeId: largeFrameId,
  useChunking: true,
  chunkSize: 10
});

console.log(`Processed ${result.totalNodes} nodes in ${result.chunks} chunks`);