Will Layout Be Supported?

[otsukatatsuya]

Hello. In Code Connect, componentized parts are converted into code, but will layout be supported in the future?

For example, consider a design in Material Web. There is a Dialog component, and within it are Button and Icon components as children.

While information about these Buttons and Icons can be referenced via figma.children, there doesn’t seem to be a way to retrieve layout details (such as alignment, spacing, etc.) at present. Without this, a significant amount of adjustments would be required for the code displayed in Figma.

Ultimately, I’d like to achieve something where selecting an entire page in Figma generates a complete corresponding code.

For instance, it would be great if, when publishing in Figma, Code Connect could internally read the layout and automatically supplement layout-related styles, such as <div class="flex flex-col gap-8">.

[rrabherufigma]

Thank you for the input. We have nothing planned right now, but we'll discuss it internally

[otsukatatsuya]

@rrabherufigma Thanks!

[Larsthedesigner]

For the sake of discussion, It would be really cool to create standardized and componentize frames that could be setup to use variables and code connect so that frames are consistently used across designs.

[otsukatatsuya]

@Larsthedesigner

Thank you.

standardized and componentize frames that could be setup to use variables and code connect

Are they like MUI's Stack or Box, for example?
https://mui.com/material-ui/react-stack/