# Key Concepts

> This page is about FlutterFlow Studio (the visual builder), not FlutterFlow (the app builder you use by describing your app).

URL: https://docs.flutterflow.io/concepts

Learn about the key concepts important for building with FlutterFlow Studio

- [Design System](https://docs.flutterflow.io/concepts/design-system): Discover how to create a consistent UI/UX across your app with a design system in FlutterFlow Studio.
- [Layout](https://docs.flutterflow.io/concepts/layouts): 3 items
- [State Management](https://docs.flutterflow.io/concepts/state-management): 2 items
- [Navigation & Routing](https://docs.flutterflow.io/concepts/navigation/overview): 11 items
- [File Handling](https://docs.flutterflow.io/concepts/file-handling): 4 items
- [Customizations](https://docs.flutterflow.io/concepts/custom-code): 9 items
- [Animations](https://docs.flutterflow.io/concepts/animations): 6 items
- [Accessibility & Localization](https://docs.flutterflow.io/concepts/accessibility): 2 items
- [Alerts](https://docs.flutterflow.io/concepts/alerts/alert-dialog): 3 items
- [Notifications](https://docs.flutterflow.io/concepts/notifications): 2 items
- [App Events](https://docs.flutterflow.io/concepts/app-events): Learn how to use App Events in FlutterFlow Studio.
- [AI Agent](https://docs.flutterflow.io/concepts/ai-agent): Use AI Agent from the FlutterFlow Studio desktop app to set up supported AI agent CLI tools, connect them to your project, and build with natural-language prompts.
- [Advanced](https://docs.flutterflow.io/flutterflow-cli): 3 items
