Virtual Workshop: From Idea to Application in 60 Minutes

Announcing Visual Copilot - Figma to production in half the time

Builder.io
Builder.io

Virtual Workshop: From Idea to Application in 60 Minutes

Announcing Visual Copilot - Figma to production in half the time

Follow these steps to use Builder with the Google Places API. The pattern is the same if you want to connect other external APIs to update values in your project.

  1. Open your project in Builder.
  2. Identify the field you want to update; for example, a rating value.
  3. In the Design tab, select that field.
  4. Prompt the AI to update the field with data from the Google Places API.
  5. Ensure your Google Places API key is stored in the project’s environment settings.
  6. Run the update. Fusion makes the API call and retrieve the value.
  7. Confirm the field updates to match the data returned from Google Places.

This video shows an example of using the Builder AI to connect to an external API. The demo uses the Google Places API to update a hotel rating, but the same approach works for any field you want to populate dynamically.

Was this article helpful?