Explorer
Content
videos
how-to-build-with-flutter-and-google-antigravity.md
videos antigravity how-to-build-with-flutter-and-google-antigravity.md

How to build with Flutter and Google Antigravity

Description

Google Antigravity: https://antigravity.google/ Flutter: https://flutter.dev

Transcript

0:00 · Hi, I’m Rodie. I’m on devro at Google. I want to show you how easy it is to build with anti-gravity and flutter. Here, I can paste a prompt for an app that is a meal tracker using go router and signals. Both of these things should rely on the model’s ability to go and retrieve information, especially for this step of using SQLite for storage using something other than the default package that people go to. So, let’s go ahead and begin and see how it works.

0:30 · One of the cool things about anti-gravity is it creates a plan with a list of steps that it’s going to tackle.

0:36 · And one of the really cool UX pieces that we have is the ability to comment on each individual piece if we want to change how that implementation is carried out and just to be able to give a little bit of that feedback back to the model. So, here’s the implementation plan. Again, like I said, you can comment using this icon down here. And already it looks like it’s picked up the correct signals package, correct Go router using SQLite 3 and everything else that we were planning on. It can run terminal commands for you without needing approval.

1:08 · Of course, you can customize all this in settings.

1:13 · It’s also really cool how it’s able to tackle all of these tasks. It’ll do them one by one and check them off as it goes, making it really easy for you to pick back up where you left off and to keep the model on track. In this demo, we’re using Gemini 3 Pro preview. You can see at each step what it’s done, the list of MCP servers if it’s relevant, and also things like the implementation plan and tasks that you can always get back to.

1:41 · Because it’s natively integrated, it’s able to pick up on errors and other things from the LSP from the editor. And you can also use things like the Flutter extension if you want to add the MCP server directly. In this case, we already have Dart and Flutter installed as extensions. And because it has the same VS code like marketplace, you can just find your favorite one and it should work here with no issue. We can see it’s already starting to run the application which it should pop up shortly.

2:09 · So we did get an error which is common sometimes when you need to set up Coco Pods but as you can see it’s already jumping in and proactively fixing those issues for us. We can also open up and see the files it’s created so far.

2:34 · Looks like we got our meal state home screen and our database itself.

2:41 · Cool. Looks like it built successfully and we have our application. So we can go ahead and say breakfast.

2:57 · We’ll do 400.

3:00 · Save a meal. And we got our item there.

3:04 · We can go ahead and see the calories. We can delete it. That’s all using SQL light.

3:11 · Awesome. So, this is just a sneak peek at anti-gravity.

3:15 · But hopefully you can take this a lot further. It makes it really easy now for you to make subsequent changes by asking the model. And when you’re happy with everything, you can just run accept changes, which will save all of the things to disk.

3:31 · We can go in here. You can do accept or we can go down here and do accept all which would, you know, accept all the changes. Um, I personally love this feature because you can undo individual files or kind of peacemail what you really want. And I think it makes uh working like that a lot easier.

3:51 · It looks like it’s finished through the rest of the tasks and the implementation and we have a working app. All right, that’s it for this one. Thanks. Bye.