Details
-
Epic
-
Resolution: Unresolved
-
P2: Important
-
None
-
None
-
Automatic creation of styles for Quick Controls using Figma
-
c427d950f (wip/figmastyle), d5d1a611c (wip/figmastyle), 4dbcbcf4c (wip/figmastyle), 7db150453 (wip/figmastyle), 9efd10d3b (wip/figmastyle), e3e374898 (wip/figmastyle), 2bc54b85b (wip/figmastyle), 1974ce371 (wip/figmastyle), e14085928 (wip/figmastyle)
Description
This epic will research and implement technology for designing Qt styles (QQC/Widgets) using Figma.
Controls to support for 1st version
| Control | Figma Template | Style Template |
|---|---|---|
| Button |  |
|
| Round Button | ||
| Checkbox | |
|
| Combobox | ||
| Dial | ||
| Frame | ||
| GroupBox | ||
| PageIndicator | ||
| ProgressBar | ||
| RadioButton | |
|
| 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
Attachments
Issue Links
- depends on
-
QDS-9463 include "radius" information for a rectangle, also when generating assetData
-
- Reported
-
-
-
- Closed
-
- relates to
-
QTBUG-105290
Improving the Imagine style
-
- Open
-
(2 mentioned in)
Gerrit Reviews
| 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 |