diff --git a/plugin-src/transformers/partials/transformLayout.ts b/plugin-src/transformers/partials/transformLayout.ts index 1882d7d8..dde58244 100644 --- a/plugin-src/transformers/partials/transformLayout.ts +++ b/plugin-src/transformers/partials/transformLayout.ts @@ -45,7 +45,7 @@ export const transformLayoutAttributes = ( > => { return { 'layoutItemH-Sizing': translateLayoutSizing(node.layoutSizingHorizontal, isFrame), - 'layoutItemV-Sizing': translateLayoutSizing(node.layoutSizingVertical), + 'layoutItemV-Sizing': translateLayoutSizing(node.layoutSizingVertical, isFrame), 'layoutItemAbsolute': node.layoutPositioning === 'ABSOLUTE', 'layoutItemMaxH': node.maxHeight ?? undefined, 'layoutItemMinH': node.minHeight ?? undefined, diff --git a/plugin-src/translators/translateLayout.ts b/plugin-src/translators/translateLayout.ts index 238ef929..1bb73a4d 100644 --- a/plugin-src/translators/translateLayout.ts +++ b/plugin-src/translators/translateLayout.ts @@ -123,8 +123,8 @@ export const translateLayoutSizing = ( case 'FIXED': return 'fix'; case 'HUG': - return isFrame ? 'fix' : 'auto'; // @TODO: Penpot does not handle hug in frames as figma does + return 'auto'; case 'FILL': - return 'fill'; + return isFrame ? 'fix' : 'fill'; // @TODO: Penpot does not handle fill in frames as figma does } };