# Figma-like components in Wix + how to replicate Hug / Fill width behavior?

**URL:** <https://forum.wixstudio.com/t/figma-like-components-in-wix-how-to-replicate-hug-fill-width-behavior/76558>\
**Category:** Ask the community\
**Tags:** wix-studio, design\
**Created:** [February 11, 2026, 3:50am UTC](https://forum.wixstudio.com/t/figma-like-components-in-wix-how-to-replicate-hug-fill-width-behavior/76558 "2026-02-11T03:50:55Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Fathanah\_Dz](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/fathanah_dz/32/116174_2.png) [@Fathanah\_Dz](https://forum.wixstudio.com/u/Fathanah_Dz)\
**Post date:** [February 11, 2026, 3:50am UTC](https://forum.wixstudio.com/t/figma-like-components-in-wix-how-to-replicate-hug-fill-width-behavior/76558/1 "2026-02-11T03:50:55Z")

</div>

Hi everyone — I’m trying to recreate a Figma-style component workflow in Wix.

1. What’s the best way to build reusable components in Wix (so edits propagate across pages/instances)? Are there “components”/patterns similar to Figma components + variants?

2. In Figma, I rely heavily on **Hug contents** and **Fill container / Fill width**. In Wix (Editor / Editor X / Studio), what’s the equivalent approach?

3. Specifically: how do you make an element auto-size to its content (like Hug), and how do you make it stretch responsively to the parent container (like Fill width)?

If you have recommended setups (repeaters, sections, master templates, CSS grid/flex, etc.) or best practices for responsive behavior, I’d love examples.

---

<div class="post-metadata">

**Author:** ![noahlovell](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/noahlovell/32/118920_2.png) [@noahlovell](https://forum.wixstudio.com/u/noahlovell)\
**Post date:** [February 11, 2026, 11:07am UTC](https://forum.wixstudio.com/t/figma-like-components-in-wix-how-to-replicate-hug-fill-width-behavior/76558/2 "2026-02-11T11:07:24Z")

</div>

> [@Fathanah\_Dz](#):
>
> What’s the best way to build reusable components in Wix (so edits propagate across pages/instances)? Are there “components”/patterns similar to Figma components + variants?

This isn’t something that’s supported in the same way (at the moment 😉)

> [@Fathanah\_Dz](#):
>
> In Figma, I rely heavily on **Hug contents** and **Fill container / Fill width**. In Wix (Editor / Editor X / Studio), what’s the equivalent approach?

You’ll want to use Wix Studio for this. The equivalent is Stacks and CSS Grids

> [@Fathanah\_Dz](#):
>
> Specifically: how do you make an element auto-size to its content (like Hug), and how do you make it stretch responsively to the parent container (like Fill width)?

Using responsive behaviours.

I’d recommend taking a look at some of the videos in the Essentials Course:

> **[Wix Studio Essentials Course | Wix Studio](https://www.wix.com/studio/academy/courses/wix-studio-essentials-course)**
>
> Start creating responsive sites fast using the Wix Studio Editor and workspace.

It’s well worth taking the time to learn - within time the equivalents will become second-nature