diff --git a/docs/intro/ff-ui/imgs/access-media-assets.avif b/docs/intro/ff-ui/imgs/access-media-assets.avif new file mode 100644 index 00000000..d03a9116 Binary files /dev/null and b/docs/intro/ff-ui/imgs/access-media-assets.avif differ diff --git a/docs/intro/ff-ui/imgs/access-media-assets.png b/docs/intro/ff-ui/imgs/access-media-assets.png deleted file mode 100644 index 957dbe2d..00000000 Binary files a/docs/intro/ff-ui/imgs/access-media-assets.png and /dev/null differ diff --git a/docs/intro/ff-ui/imgs/add-custom-domain.avif b/docs/intro/ff-ui/imgs/add-custom-domain.avif index 40c9da29..1b74f1d7 100644 Binary files a/docs/intro/ff-ui/imgs/add-custom-domain.avif and b/docs/intro/ff-ui/imgs/add-custom-domain.avif differ diff --git a/docs/intro/ff-ui/imgs/upload-sharable-media.avif b/docs/intro/ff-ui/imgs/upload-sharable-media.avif new file mode 100644 index 00000000..e8f4a3de Binary files /dev/null and b/docs/intro/ff-ui/imgs/upload-sharable-media.avif differ diff --git a/docs/intro/ff-ui/imgs/upload-sharable-media.png b/docs/intro/ff-ui/imgs/upload-sharable-media.png deleted file mode 100644 index d9e60da0..00000000 Binary files a/docs/intro/ff-ui/imgs/upload-sharable-media.png and /dev/null differ diff --git a/docs/intro/ff-ui/my-organization.md b/docs/intro/ff-ui/my-organization.md index b2c6280d..81194059 100644 --- a/docs/intro/ff-ui/my-organization.md +++ b/docs/intro/ff-ui/my-organization.md @@ -1,163 +1,60 @@ --- -slug: /flutterflow-ui/my-organization -title: My Organization -tags: [My Organization, FlutterFlow, UI, Design] -keywords: [Accounts, Billing, My Organization, Team Code, Team Media Assets, Team Design Library, Team API Library, Adding Domains ] +slug: /flutterflow-ui/my-teams +title: My Teams +tags: [My Teams, FlutterFlow, UI, Design] +keywords: [Accounts, Billing, My Teams, Team Code, Team Media Assets, Team Design Library, Team API Library, Adding Domains] sidebar_position: 5 --- import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; -# My Organization -From here, you can manage billing for your team, edit projects simultaneously, and share code, design systems, APIs, and assets. This makes collaboration between team members much easier and helps to keep everyone on the same page. Even if you don't have team members, you can still benefit from this feature by using it to share resources between your own projects, keeping your development process organized and efficient. +# My Teams +On the My Teams page, you can manage billing for your team, edit projects simultaneously, and share code, design systems, APIs, and assets. This makes collaboration between team members much easier and helps keep everyone on the same page. Even if you don't have team members, you can still use this page to share resources between your own projects and keep your development process organized. -With the ability to easily collaborate and share resources, you can create amazing apps faster than ever before. +By sharing resources from one place, teams can build more consistently across projects. - -
- ![sharing-resources.png](imgs/sharing-resources.avif) -
Sharing resources between users and across their projects
-
- -## Team code - +## Team Code :::warning -**Team Code Libraries are now deprecated**. Please use the new [**Libraries**](../../resources/projects/libraries.md) to share and reuse projects across multiple projects. +**Team Code Libraries are deprecated**. Please use the new [**Libraries**](../../resources/projects/libraries.md) to share and reuse projects across multiple projects. ::: -Imagine you are working on multiple apps. As the project progresses, you realize that some of the custom code can be used across multiple apps. With *Team Code*, you can create [Custom Functions](../../ff-concepts/adding-customization/custom-functions.md), [Widgets](../../resources/ui/widgets/composing-widgets/rows-column-stack.md), and [Actions](../../resources/control-flow/functions/action-flow-editor.md) that will be shared between your team members and their projects. +## Team Media Assets -This helps you reduce building time, effort, and costs by allowing members to reuse existing code. Furthermore, shared code is easier to maintain as changes only need to be made in one place. +Your team might be working on multiple projects that use the same icons, images, audio files, and other graphic resources. If each project has its own assets, the team has to upload the same resources multiple times. -Here's how you can share the custom code: +However, if the team shares an asset library across projects, they can save time, increase productivity, and ensure design consistency. If an asset needs to be updated, the team can update it in one place, and the changes will reflect across all projects. -1. Navigate to **My Organization > Team Code**. -2. Click **+ Add** and select what you want to create and share. See how to create [*Custom Function*](../../ff-concepts/adding-customization/custom-functions.md), [*Custom Widget*](../../ff-concepts/adding-customization/custom-widgets.md), and [Custom Action](../../ff-concepts/adding-customization/custom-actions.md). - -
- -
-

+To share team media assets: -3. To use the shared custom code, open the project in which you want to use the code and click on **Custom Functions** from the Navigation Menu. - 1. Click **+ Add** and select from the *Team Function*, *Team Widget*, and *Team Action*. - 2. A pop will open displaying the list of custom code names, click on it to add it to your project. - -
- -
-

- -4. You can't edit the shared custom code directly in your project. To do so, you can duplicate it and modify it as per your requirement. - -
- -
-

- -## Team media assets - -Your team might be working on multiple projects simultaneously, and they may require the same icons, images, audio files, and other graphic resources for each project. If each project has its own set of assets, the team will have to upload the same resources multiple times. - -However, if the team shares their assets library between their projects, they can save time, increase productivity, and ensure consistency in design. Moreover, if any changes need to be made to an asset, the team can update it in one place, and the changes will reflect across all projects. - -Here's how you can share the media assets: - -1. Navigate to **My Organization > Team Media Assets** and click **Upload Media**. -2. The uploaded media will be accessible via **Project / Media Assets** from the **Navigation Menu**. -:::info -The shared media assets will have the 'teams' icon at the bottom right side. -::: +1. Go to **My Teams**, select your team, and click **Upload Media**. +2. Media assets shared with the team appear in the Media Assets tab of the Navigation Menu. You can then select and use these assets directly from the asset picker in the Properties Panel. - -![upload-sharable-media](imgs/upload-sharable-media.png) + +![upload-sharable-media](imgs/upload-sharable-media.avif) -![access-media-assets](imgs/access-media-assets.png) +![access-media-assets](imgs/access-media-assets.avif) -## Team design library +## Team Design Library -A company may have a website, a mobile app, and a desktop app, each with its own user interface and user experience. In such a case, rather than creating the same UI configuration for each project, creating a shared design system can help speed up the work and ensure consistency across all projects. +A company may have a website, a mobile app, and a desktop app, each with its own user interface and user experience. Instead of recreating the same design settings for each project, you can create a shared design system to speed up the work and keep designs consistent across projects. -A design system includes colors, typography, fonts, icons, app assets, a nav bar, and an app bar. +A design system includes colors, typography, fonts, icons, app assets, a Nav Bar, and an App Bar. :::tip -To store pre-designed UI components, we highly recommend using [**Libraries**](../../resources/projects/libraries.md) for easy reuse across projects. +To store pre-designed UI components, we recommend using [**Libraries**](../../resources/projects/libraries.md) for easy reuse across projects. ::: Here's how you can share the design library: -1. Navigate to **My Organization > Team Design Library** and click **+ Create New**. -2. Provide a name to the **Design System Project**. -3. A new project will open where you can configure the Theme, [NavBar](../../resources/ui/pages/page-elements.md#nav-bar) & [AppBar](../../resources/ui/pages/page-elements.md#appbar), and [App Assets](../../resources/projects/settings/general-settings.md#app-assets). +1. Navigate to **My Teams > Team Design Library** and click **+ Create New**. +2. Enter a name for the **Design System Project**. +3. A new project will open where you can configure the Theme, [Nav Bar](../../resources/ui/pages/page-elements.md#nav-bar), [App Bar](../../resources/ui/pages/page-elements.md#appbar), and [App Assets](../../resources/projects/settings/general-settings.md#app-assets).
-
-

- -4. You can't edit the shared APIs directly in your project. To do so, you can duplicate it and modify it as per your requirement. - -
- -
-

-## Add domains +## Add Domains -We allow you to add more custom domains and share them with all team members. This makes it simple to connect domains to the right projects and collaborate seamlessly. +You can add custom domains and share them with all team members. This makes it simple to connect domains to the right projects and collaborate seamlessly. -To do so, click on **Add Domains** (under My Organization). +To add a domain, click **Add Domains** under **My Teams**. -![Add custom domain](imgs/add-custom-domain.avif) \ No newline at end of file +![Add custom domain](imgs/add-custom-domain.avif) diff --git a/firebase.json b/firebase.json index 268c7c27..16720eb9 100644 --- a/firebase.json +++ b/firebase.json @@ -25,7 +25,17 @@ }, { "source": "/getting-started/dashboard/my-organization", - "destination": "/flutterflow-ui/my-organization", + "destination": "/flutterflow-ui/my-teams", + "type": 301 + }, + { + "source": "/flutterflow-ui/my-organization", + "destination": "/flutterflow-ui/my-teams", + "type": 301 + }, + { + "source": "/flutterflow-ui/my-organization/", + "destination": "/flutterflow-ui/my-teams", "type": 301 }, { @@ -2215,7 +2225,7 @@ }, { "source": "/settings-and-integrations/project-setup/team", - "destination": "/flutterflow-ui/my-organization/", + "destination": "/flutterflow-ui/my-teams", "type": 301 }, { @@ -2460,4 +2470,4 @@ } ] } -} \ No newline at end of file +}