This week we launched some powerful new features including 2 new actions, Figma theme import, and APIs for Teams.
Keep reading to learn more 👇
Periodic Actions ⏱️
You can now implement actions that loop after a specific time period. This allows you to add advanced functionality such as:
Refreshing an API every 10 seconds to show the latest stock price
Playing a sound every 2 minutes in a meditation app
Showing a logout warning after 5 minutes of user inactivity
We've also added an action to stop period actions that you can use in your logic (e.g. stop periodic action based on some criteria).
Figma Theme Import 🎨
You can now import your Figma color and text styles directly into your project. In seconds you can import dozens of colors and fonts, no manual entry required 🙌.
Dropdown Option Labels 🪄
You can now define option labels (in addition to option values) for your dropdowns.
For example, you may want to show a full country name in the dropdown but need an abbreviation for your widget state. You can show United States or India to your users (Option Label), but the backend will record US and IN (Option Value).
Color Picker 🌈
Our new Color Picker action allows users to select a color from a palette or by entering a value (e.g. RGB or HEX).
You can also customize the color picker (e.g. Text Color, Background Color) to ensure it matches your unique brand aesthetic. This option is available as an action!
Translations For Components 🔤
String values passed to a component, snack bar, or dialogue can now be translated using our instant translation feature. Now it's even easier to build a multi-language app inside of FlutterFlow!
To translate text in a component, select the Globe icon in the properties panel.
API Library For Teams 📝
You can now save and reuse API configurations across your Team projects, so you'll never have to rebuild common configurations from scratch again!
Plus any changes made to your main API configuration file automatically update across all projects, so making updates is fast and simple.
Other Improvements 🏗️
A user's language settings will now persist between app sessions.
You can now apply your theme to FlutterFlow UI components, just select the "Use My Theme" toggle at the bottom of the template list.
Added a button to access the Chrome console logs in Test/Run Mode. These can be very helpful in debugging project issues.
Bug Fixes 🐛
Fixed an issue where API calls worked in test menu, but not in Run Mode
Fixed an issue where Circle Image widget was not initialized with default box fit
Fixed an issue where a page with Algolia search always asks for the user's location
Fixed an issue causing build failures when an API call parameter was empty
To report a bug or see the status of a known bug, check out our new GitHub Issue Tracker!
Tip Of The Week: Use The Chrome Debug Logs For Troubleshooting
Chrome debug logs can be a big help when troubleshooting issues in Run/Test mode versions of your app.
To view the Chrome debug logs, open a Run/Test mode instance and select:
Windows: F12 or Ctrl+Shift+J
Mac: F12 or ⌘+Option+J
FlutterFlow Turns 2 Contest Winners 🏆
We were so impressed by the stunning designs submitted for our birthday competition and are excited to announce the winning entries:
1. Sirian Maathuis - Smart Bike App
FlutterFlow Marketplace Link
2. Erik Goins - Dream Dashboard
FlutterFlow Marketplace Link
You can use the Marketplace links above to add these incredible designs to your project☝️
Stay tuned, we'll be launching a new design competition next month.
New Features We're Working On 🏗️
Ability to purchase an add-on to publish to multiple custom domains
Transform widget
Storyboarding