Generate GraphQL queries from a schema definition. Part of the DevTools Surf developer suite. Browse more tools in the Developer Utilities collection.
Use Cases
Frontend developers building queries from unfamiliar schemas
Mobile developers optimizing data fetching with precise field selection
API consumers exploring available types and relationships
Backend developers prototyping resolver logic from query shapes
Tips
Select only the fields you need to minimize response size
Add variables for dynamic values instead of hardcoding them
Nest related types to build efficient single-request queries
Fun Facts
GraphQL was created internally at Facebook by Lee Byron, Nick Schrock, and Dan Schafer in 2012 and open-sourced in 2015 — it was built to solve mobile app data fetching problems.
Unlike REST, a single GraphQL query can replace dozens of API calls — Facebook reported that switching to GraphQL reduced mobile data usage by up to 50% in some cases.
The GraphQL specification is maintained by the GraphQL Foundation under the Linux Foundation, with companies like Shopify, GitHub, and Twitter as major adopters.
FAQ
What does 'build' mean?
Given an SDL schema, the tool presents types and fields as checkboxes. Click to include; the query is generated from your selection.
Does it handle fragments?
Yes — reusable selection sets as fragments. Good for DRY queries that share field sets across operations.
What about variables and directives?
Variables yes — parameters appear automatically when you select a field with arguments. Directives (@include, @skip) are in the advanced panel.
Mutations and subscriptions?
All three operation types supported. The schema determines what's available; subscriptions require the schema to expose them.
