diff --git a/desktop/plugins/public/ui-debugger/docs/overview.mdx b/desktop/plugins/public/ui-debugger/docs/overview.mdx index 49f24b50c..83ca58456 100644 --- a/desktop/plugins/public/ui-debugger/docs/overview.mdx +++ b/desktop/plugins/public/ui-debugger/docs/overview.mdx @@ -1 +1,10 @@ -This is an experimental plugin in development. Everything will change and comes with no warranty / support guarantees \ No newline at end of file +import useBaseUrl from '@docusaurus/useBaseUrl'; + +The UIDebugger is a replacement for the Layout inspector. It streams the full hierarchy of the running app to flipper desktop in near real time. We display a 2D visualization with all of your view and component bounds overlayed on top. +You can focus on a particular view or component from the context menu. Additionally, you can pause incoming updates to focus on a particular frame. + +You can inspect what views the hierarchy is made up of as well as what properties each view has; this is useful when debugging issues with your product. + +We currently support Native android and [Litho](https://fblitho.com) components, it integrates with these frameworks to present components in the hierarchy just as if they were native views, exposing all the layout properties, props, and state of the components. + +UIDebugger diff --git a/website/static/img/uidebugger.png b/website/static/img/uidebugger.png new file mode 100644 index 000000000..190b6ce2b Binary files /dev/null and b/website/static/img/uidebugger.png differ