From 816e8f78dd3aee24083c193e696681d5d6ae992c Mon Sep 17 00:00:00 2001
From: Vikas Pachdha <vikas.pachdha@qt.io>
Date: Mon, 31 Jul 2023 11:07:28 +0200
Subject: [PATCH] Docs: Add properties and snippet docs for Figma

Change-Id: I90d9f9e79be14706380fdf3a7bac6f051511e31f
Reviewed-by: Pranta Ghosh Dastider <pranta.dastider@qt.io>
Reviewed-by: Vikas Pachdha <vikas.pachdha@qt.io>
---
 .../src/qtbridge/qtbridge-figma-using.qdoc    | 24 +++++++++++++++++++
 .../src/qtbridge/qtbridge-xd-using.qdoc       |  1 +
 2 files changed, 25 insertions(+)

diff --git a/doc/qtdesignstudio/src/qtbridge/qtbridge-figma-using.qdoc b/doc/qtdesignstudio/src/qtbridge/qtbridge-figma-using.qdoc
index 1af2351e7da..8874186c6f4 100644
--- a/doc/qtdesignstudio/src/qtbridge/qtbridge-figma-using.qdoc
+++ b/doc/qtdesignstudio/src/qtbridge/qtbridge-figma-using.qdoc
@@ -170,6 +170,30 @@
             \c {QtQuick.Studio.Components 1.0}. You can add components from all
             the available modules in \QDS later. You can also import a module as
             an \e alias.
+    \row
+        \li \uicontrol {Properties}
+        \li Specify new properties or assign value to the existing properties of
+            the component. You can also add and modify properties in \QDS.
+            Following are few examples of properties:
+            \code
+            property int counter: 5
+            property string label: "ok"
+            antialiasing : true
+            width: parent.width / 2
+            \endcode
+    \row
+        \li \uicontrol {Snippet}
+        \li Specify component to be added as child under this component.
+            Following example adds a Connection component:
+            \code
+            Connections {
+                target: myItem
+                onVisibleChanged: console.log(original_Text.visible)
+            }
+            \endcode
+            \note The code must have a scope of a component(e.g. Item, MouseArea,
+            Connections etc.) with a valid syntax for \l {UI Files}.
+            \note Add respective imports for your snippet in \uicontrol {Imports}.
     \row
         \li \uicontrol Alias
         \li Exports the component generated from this layer as an alias in the
diff --git a/doc/qtdesignstudio/src/qtbridge/qtbridge-xd-using.qdoc b/doc/qtdesignstudio/src/qtbridge/qtbridge-xd-using.qdoc
index 40c72ab697a..0f16df676d3 100644
--- a/doc/qtdesignstudio/src/qtbridge/qtbridge-xd-using.qdoc
+++ b/doc/qtdesignstudio/src/qtbridge/qtbridge-xd-using.qdoc
@@ -134,6 +134,7 @@
             \endcode
             \note The code must have a scope of a component(e.g. Item, MouseArea, Connections etc.)
             with a valid syntax for \l {UI Files}.
+            \note Add respective imports for your snippet in \uicontrol Imports.
         \li Select the \uicontrol Clip check box to enable clipping in the
             component generated from the layer. The generated component will clip
             its own painting, as well as the painting of its children, to its