Figma with Claude and MCP

Navigate the Figma canvas, Layers panel, and properties panel to inspect a supplied iPhone frame and make one controlled text or spacing adjustment.

Use pwd, ls, and cd in the macOS Terminal to enter a prepared Claude Code project folder and confirm the current location.

Configure Claude Code to use a course-provided, write-capable Figma MCP integration, authorize only the required access, and verify inspection and harmless editing in a designated test file.

Use a structured Claude Code prompt based on the storyboard and basic iOS layout constraints to generate three editable Figma frames, then request one targeted revision after visually inspecting the result.

Create and test Figma prototype interactions that open the editor and simulate saving a note by transitioning to the updated notes-list frame.