Figma (UI Designs to Requirement)

The Figma integration in WalnutAI allows you to transform UI designs into structured software requirements. By selecting the relevant frames from your connected Figma project, WalnutAI analyzes the screens and automatically generates requirements based on the design elements and user flows.

Follow the steps below to select Figma frames and generate requirements.

• If you have already connected Figma during the project setup, select Figma.

• Enter the Team ID, then select the Project, File, and Page containing the designs you want to use.

• Click Select Frames, then choose Browse Frames to display all the frames associated with the selected page.

• To preview a frame before selecting it, click the View icon on the left-hand side.

• Select one or more frames that you want to use for requirement generation.

• Click Confirm Selection to import the selected frames.

• WalnutAI analyzes the selected Figma screens and automatically generates detailed software requirements based on the UI design.

• The generated requirements provide a structured foundation for creating user stories, test scenarios, and test cases, reducing manual documentation effort and accelerating the testing process.

Select a generated User Story and click Use in Chat to generate the related test cases.

• Click Save to store the generated Epics, Features, User Stories, and Test Cases.

Result: Upon saving, items are stored in Action Items, and Test Cases populate the Test Cases page.