FlutterFlow continues to evolve rapidly, and the v3.10.11 (v6.3.11) release introduces features aimed at improving stability, accessibility, collaboration, and development workflows. Below is a detailed breakdown of what’s new, why it matters, and how you can use it effectively in your projects.
1. Pin Project to a FlutterFlow Version
What it does:
-
Available for Growth and Business plan users.
-
Lets you lock (or “pin”) your project to a specific FlutterFlow version.
-
Prevents your app from breaking due to unexpected updates in the FlutterFlow platform.
Why it matters:
- FlutterFlow is updated frequently. While updates often add features or fix bugs, they can also introduce changes that may break existing workflows. Pinning ensures stability for production-ready projects.
How to use it effectively:
-
Pin your production apps to the version they were built/tested on.
-
Use a staging project (unpinned) to test newer FlutterFlow releases.
-
Once you verify compatibility, unpin or upgrade your production project to the new version.
Example:
Imagine you’re running an eCommerce app on FlutterFlow. Pinning the project ensures that an unexpected update to widgets won’t disrupt your checkout process.
2. Advanced Semantic Properties (Accessibility Improvements)
What it does:
-
Introduces fine-grained control over how widgets are interpreted by assistive technologies like screen readers.
-
Available for all paid users.
New properties include:
-
Widget roles (e.g., container, image, button, header).
-
Child node definitions for nested elements.
-
Sorting keys for better navigation order.
-
Tooltips and hint text for clarity.
-
On-tap hints for describing interactions.
-
Exclusion flags to skip non-essential semantics.
-
Live region support for dynamically updated content.
Why it matters:
-
Accessibility is no longer optional - it’s a standard requirement for apps in many markets.
-
Inclusive design improves user experience for all users, not just those relying on assistive tech.
How to use it effectively:
-
Add descriptive labels for buttons and images (e.g., “Submit Order” instead of just “Button”).
-
Use hint text for complex UI elements (e.g., “Double-tap to expand menu”).
-
Mark live regions for notifications or chat messages so screen readers announce updates automatically.
-
Exclude decorative elements (like background images) from semantics to reduce noise.
3. New Pricing & Collaboration Structure
What’s changed:
-
Projects are now categorized as:
-
Personal Projects
-
Team Projects
-
Restricted Team Projects
-
-
Users may belong to multiple teams or hold a personal plan simultaneously.
-
Free personal plan users can edit only two projects; additional projects require upgrade or migration to a team plan.
-
External collaborators may see reduced permissions (e.g., from Editor → Read Only).
-
A new Collaborator Pass allows you to grant temporary editing rights to non-team members.
Why it matters:
-
This restructuring clarifies who owns what and what permissions apply.
-
Encourages serious projects to be placed under team plans, where collaboration is managed more formally.
How to use it effectively:
-
Move important or shared projects into team plans.
-
For contractors or short-term contributors, use Collaborator Pass instead of adding them as full team members.
-
Review your projects if you’re on the free personal plan - make sure you stay within the two-project limit.
4. Improvements & Bug Fixes
This release brings both new tools and stability updates:
-
AI Agent Builder: Added GPT-5 model option for more advanced AI interactions.
-
Web Deployment: Dropdown to configure web orientation in advanced settings.
-
PDFX Package Upgrade: Now supports WebAssembly (WASM), enabling PDF handling on web.
-
Class Variables: Better search and selection across files for custom classes and subclasses.
-
Bug Fixes:
-
Project ownership transfers now more reliable.
-
Fixed crashes for large projects in desktop app.
-
Component import errors resolved.
-
Improved searchable dropdown widget behavior.
-
Fixed issues with custom classes, widgets, libraries, and actions.
-
Better focus handling in VideoPlayer widget.
-
Fixed build conflicts in PDF viewer and theme widgets.
-
Why it matters:
-
The AI Agent Builder upgrade enables more natural AI-driven workflows in your apps.
-
The Web orientation dropdown ensures better cross-device UX.
-
Bug fixes reduce friction in scaling projects, especially large, component-heavy apps.
5. Best Practices Moving Forward
Here are key recommendations to maximize this update:
-
Pin production projects → Ensure stability until you validate new versions.
-
Audit accessibility → Start using semantic properties across your app; test with screen readers.
-
Review collaboration settings → Check permissions, especially if you have external collaborators.
-
Take advantage of GPT-5 in AI Agent Builder → Ideal for apps that rely on intelligent assistants or chatbots.
-
Test large projects after upgrading → Verify imports, custom widgets, and library builds to ensure bug fixes work in your case.
Conclusion
The v3.10.11 release of FlutterFlow focuses on giving developers and teams more control over stability, accessibility, and collaboration, while also ironing out long-standing issues. For teams managing multiple apps or scaling large projects, this update provides valuable tools to ensure smoother workflows and more inclusive app experiences.