Environment Variables support has come to Uiflow! Create environment variables and assign values that correspond to our three environment contexts. You can find the new feature by clicking on the icon in the header of studio:

Use these variables in component and with the following notation and values will be pulled based on the environment.

Quick update on some tweaks to feature navigation in studio. In order to make room for some exciting features we have coming this year we've released a couple of tweaks to where you find some of the features in studio.

We have a new top level tab. In this tab you will be greeted with a sub header that includes the familiar and tabs. Whenever you want to edit the pages of your application you will find those tools here.

Authentication has been moved out of and into the header as its own space for easier discovery and access.

We've moved the button into the tab subheader. We've also updated the language around pushing your app from to in order to disambiguate it from publishing other assets and better reflect what is happening behind the scenes.

Your authentication provider will now be used for authentication in live preview! This means you won't have to deploy your application anymore just to test login, logout, and authenticated flows against your provider configurations.

Just click on the button at the top right of studio to launch the live preview experience. Note: authentication will still be mocked in the embedded preview experience within Logic.

Alongside this update we squashed tons of bugs throughout the authentication experience within Uiflow so if you haven't given it a shot yet there's never been a better time!

Hey everyone, we are excited to announce the launch of our teams features alongside a migration to workspaces and a revamped dashboard to wrap everything together.

This change is mostly under the hood but everyone has been migrated to workspaces. When you create an application it will belong to one of your workspaces. You can swap workspaces via the switcher found at the top of the sidebar in the Uiflow dashboard.

You can now invite team members to your workspace. All team members will have access to any application inside the workspace and you will be able to collaborate together in real time. This is a very exciting launch for us and we can't wait to see what everyone creates together.

To invite a team member, click on the sprocket icon next to the workspace switcher and click on the button of the tab. Note: You must be an Admin or Owner of the given workspace.

You can find more information about teams and workspaces in our docs: https://uiflow.gitbook.io/uiflow/studio-overview/workspace-management

As you explore these features you will notice we've given the dashboard a fresh coat of paint. We are continually working to improve the dashboard experience so let us know any feedback or questions you might have about the new design.

Uiflow has released highly requested updates to the tab to make building your connection components even easier!

You can now construct objects in the Tab using a key/value table and expose specific keys in your connection components to simplify usage. This works for any object type value across all connections.

For REST API connections, you can add path parameters using the notation, which automatically creates a node for the variable on your connection component.

For those of you that keep up to date with our change log we have a treat! We've released a secret alpha of Figma import! You can open up the new feature via . All you need to do is make sure your file is set to public. Again, this is currently in alpha so not everything is implemented at the moment but please send feedback to us via email or discord.

Take actions using our new Uiflow slack bot integration straight from Studio.

Quickly select multiple components in Layer and Tree panels via

For when you need to select many components at once, now you can use + to lasso select any number of components in your flow!

Today, we release a new version of Logic in Uiflow. Before we get into the specific changes and how they work, we want to share a bit about why this re-architecture was necessary and how it sets us up for future releases.

Anyone who has built apps in Uiflow knows that Logic is displayed and embedded within your app’s tree. Design and Logic used to exist together since they relied on each other’s positions to function. This worked well for simpler apps since you could always find the logic for a given piece of UI.

However, as users built more complex apps and collaboration became more common, the existing Logic framework became fragile and unsustainable. Some of the biggest problems we wanted to tackle with our redesign are:

We've been using our updated Logic for a while now and love it, we can't wait to hear what you think!

With the addition of , we added a new concept to help build logic for your designs. are scripts associated with each for your app’s UI. These appear in the view and enable you to add interactivity to your application without limitations from your design structure. You can even include multiple to the same component, to organize complex interactions. To add a to your flow, simply drag a into your.

and are inherently related to each other and their children. When you place design components inside a or , each instance is expected to include all internal logic and designs. To ensure this integrity in , child components of and are disabled in the section until you enter the parent component. In short, and children can only be added to inside of their respective parent.

All existing apps have been automatically migrated to our updated framework. To ensure each application works exactly as it did before, we: