How to Integrate Voice Assistants Like Siri or Google Assistant with FlutterFlow

There are three levels of voice assistant integration available for FlutterFlow apps. Level 1 (easiest — works in FlutterFlow visual builder): In-app voice input using speech_to_text Custom Action. The user taps a mic button inside your app, speaks, and the text appears in a TextField. This is NOT Siri or Google Assistant — it is your app's own voice UI. Level 2 (intermediate — no code export needed): Google Assistant Actions. Users say 'Hey Google, talk to MyApp' and a conversational flow runs through your Cloud Function. Level 3 (advanced — requires code export and Xcode): Siri Shortcuts with SiriKit. Users say 'Hey Siri, [your shortcut phrase]' and the app opens to a specific state or page. Choose based on your use case and plan.

In FlutterFlow, go to Custom Code → Pubspec Dependencies. Add speech_to_text (version ^6.6.0). Create a Custom Action named startVoiceInput. In the action, initialize SpeechToText, request microphone permission with stt.initialize(), then start listening with stt.listen() and on result set a Page State variable searchText to the recognized words. In FlutterFlow, add an IconButton with mic icon. On tap, call the startVoiceInput Custom Action. Add a Text widget bound to the searchText Page State variable to display the recognized text in real time. On a second tap (stop listening), call another Custom Action that calls stt.stop() and then triggers whatever action you want (search, submit form, etc.). Add microphone permission in Settings → Permissions: NSMicrophoneUsageDescription for iOS and android.permission.RECORD_AUDIO for Android.

1import 'package:speech_to_text/speech_to_text.dart';
2
3final SpeechToText _stt = SpeechToText();
4
5Future<String> startVoiceInput() async {
6  bool available = await _stt.initialize(
7    onError: (error) => print('Voice error: $error'),
8  );
9  if (!available) return '';
10
11  String result = '';
12  await _stt.listen(
13    onResult: (r) => result = r.recognizedWords,
14    listenFor: Duration(seconds: 10),
15    pauseFor: Duration(seconds: 3),
16    localeId: 'en_US',
17  );
18  await Future.delayed(Duration(seconds: 10));
19  await _stt.stop();
20  return result;
21}

Go to console.actions.google.com. Click New Project. Give it a name matching your FlutterFlow app. Select the type: Custom. In the Develop tab, go to Actions → Add your first action. Choose Custom intent. In the Invocation Name section, set the phrase users say to start your action (e.g., 'talk to [app name]'). In the Intents section, define what users can say after invocation — for example, 'check my balance', 'place an order', 'show my appointments'. For each intent, go to the Fulfillment tab and enable Webhook fulfillment. Enter your Cloud Function URL as the fulfillment endpoint. Your Cloud Function receives a JSON request from Google Assistant, reads from Firestore based on the user's request, and returns a response JSON with a simple or rich text response that Google Assistant speaks back to the user.

Create a Firebase Cloud Function named googleAssistantFulfillment as an HTTP trigger. Google Assistant sends a POST request with the intent name and any extracted parameters. Parse the request to identify which intent fired (req.body.handler.name). For each intent, perform the relevant Firestore read or write operation. Return a JSON response with a simple object containing a prompt: { simple: { speech: 'Your order total is $24.99' } }. For navigating to app pages after the assistant interaction, use Firebase Dynamic Links — include a deep link in the response as a card with a URL button. When the user taps the card on their phone, the Dynamic Link opens your FlutterFlow app to the specified page. Store the Cloud Function URL in the Actions on Google fulfillment webhook configuration.

When a Google Assistant response includes a link (e.g., 'Here is your appointment — tap to open the app'), clicking it should navigate to the right page in FlutterFlow. Create Firebase Dynamic Links for each page you want reachable from Assistant: the Dynamic Link contains the target page path and content ID as query parameters. In your Google Assistant Cloud Function, include the Dynamic Link as a card button in the response object. In FlutterFlow, add the firebase_dynamic_links package to Pubspec Dependencies and create an App Start Custom Action that calls FirebaseDynamicLinks.instance.getInitialLink() and navigates to the page specified in the link parameters. Use the onLink stream listener for foreground deep link handling.

Siri Shortcuts via SiriKit require native iOS code that cannot be added in FlutterFlow's visual builder. In FlutterFlow, go to Settings → Export Code. Download the full project as a ZIP. Open the project in Xcode on macOS. In Xcode's Project Navigator, click your project target → Editor → Add Target → Intent Extension. Configure the Intent Extension with a custom intent definition file (.intentdefinition). Define the intent title, parameters, and response template. Implement the IntentHandler class to execute the action (read from Firestore using Firebase Admin SDK or Firebase REST API, not the iOS FlutterKit). Add NSUserActivityTypes to Info.plist for each intent. In the main FlutterFlow app target, add code to donate shortcuts (INInteraction.donate) when the user performs the relevant action, making the shortcut available in Siri Suggestions. Re-build and deploy via Xcode.