-
Epic
-
Resolution: Unresolved
-
P2: Important
-
None
-
None
-
None
-
Automatic creation of styles for Quick Controls using Figma
-
c427d950f (wip/figmastyle), d5d1a611c (wip/figmastyle)
This epic will research and implement technology for designing Qt styles (QQC/Widgets) using Figma.
Controls to support for 1st version
Button, RoundButton, Checkbox, Combobox, Dial, Frame, GroupBox, PageIndicator, ProgressBarRadioButton, RangeSlider, ScrollBar, ScrollIndicator, Slider, SpinBox,Switch, TabBar, TabButton, TextArea, TextField, ToolBar, ToolButton
Controls that can be supported later
- BusyIndicator, Drawer, Label, Popup, SelectionRectangle, ToolTip, Tumbler
- delegates: Check-, Switch-, Swipe-, Radio-, TreeViewDelegate
- menus: Menu, MenuBar, MenubarItem, MenuSeparator
- views: SwipeView, StackView, HeaderView
- calendar: Calendar, DayOfWeek, etc
New functionallity needed in the figma plugin
- A way to annotate which Children on a Page (nodes in the design tree) should be exported as images
- e.g hidden text element on page: "QtBridge: images=[background, iconLeft, iconRight]"
- e.g tag name: "background (qt: image)"
- The exported json file needs to store Rectangle Radius, even for images/assets, to support 9p image scaling
- minor (can be postponed): Be able to export png-s as 1x, 2x, 3x and 4x (configurable from the plugin UI)
- depends on
-
QDS-9463 include "radius" information for a rectangle, also when generating assetData
-
- Reported
-
-
QTQAINFRA-5427 Request for gerrit branch qtdeclarative/wip-figmastyle
-
- Closed
-
- relates to
-
QTBUG-105290 Improving the Imagine style
-
- Open
-
For Gerrit Dashboard: QTBUG-111560 | ||||||
---|---|---|---|---|---|---|
# | Subject | Branch | Project | Status | CR | V |
463624,1 | qqcstylegenerator: add boilerplate code for a new figma-based style generator | dev | qt/qtdeclarative | Status: ABANDONED | 0 | 0 |
463627,3 | qqcstylegenerator: add boilerplate code for a new figma-based style generator | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
467735,4 | StyleGenerator: generate config file | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
471616,10 | Refactor ConfigReader | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
471617,12 | Use BorderImage and ConfigReader in the templates | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
471752,3 | StyleGenerator: change the style generator implementation to use the Figma REST API | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
472071,6 | StyleGenerator: Use top/left/right/bottomOffset for the stretch properties | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
472807,3 | StyleGenerator: build m_currentAtomInfo incrementally | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
473975,2 | StyleGenerator: support writing regexp when seatching for Figma atoms | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
473976,3 | StyleGenerator: add CheckBox | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
474309,2 | StyleGenerator: update config.json to match Figma paths | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
474808,2 | StyleGenerator: read padding information from the contentItem | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
474950,1 | StyleGenerator: warn if the contentItem is not using horizontal layout | wip/figmastyle | qt/qtdeclarative | Status: ABANDONED | 0 | 0 |
475070,3 | StyleGenerator: don't fail if the config file doesn't have a 'copy' field | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
475071,3 | StyleGenerator: remove unused function | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
475072,3 | StyleGenerator: implement support for 'mirrored' controls | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
475430,9 | ConfigReader: Add method to retrieve config information for image | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
475653,5 | StyleGenerator: use standard json format | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
475654,1 | StyleGenerator: improve output and warning messages | wip/figmastyle | qt/qtdeclarative | Status: ABANDONED | +2 | 0 |
475994,2 | StyleGenerator: allow 'copy' to be a string or and array | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
475995,2 | StyleGenerator: generate contentItem atom for Button | wip/figmastyle | qt/qtdeclarative | Status: ABANDONED | 0 | 0 |
476007,4 | StyleGenerator: add TextField | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
476154,2 | StyleGenerator, Switch.qml: update indicator position | wip/figmastyle | qt/qtdeclarative | Status: ABANDONED | 0 | 0 |
476519,7 | StyleGenerator: refactor the format of config.json | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
476870,1 | StyleGenerator: refactor the format of config.json | dev | qt/qtdeclarative | Status: ABANDONED | 0 | 0 |
476871,1 | Change ConfigReader and templates according to the updated config file format | dev | qt/qtdeclarative | Status: ABANDONED | 0 | 0 |
476872,2 | Change ConfigReader and templates according to the updated config file format | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
477240,2 | StyleGenerator: correct CheckBox figma paths | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
477283,3 | StyleGenerator: correct Switch according to recent Figma changes | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
477311,2 | StyleGenerator: Generate transition information for state changes | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
479111,2 | config.json: List state names alphabetically | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
479112,2 | StyleGenerator: Add RadioButton control | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
479419,4 | StyleGenerator: Add Slider control | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
480886,5 | Add TextArea control | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
481236,3 | Add Frame control | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
485177,5 | StyleGenerator: Add RangeSlider control | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |
486619,2 | StyleGenerator: Add ToolBar and ToolButton controls | wip/figmastyle | qt/qtdeclarative | Status: MERGED | +2 | 0 |