This question for the Webstudio team: Is building a full SaaS product something that could be possible with Webstudio down the line? I'm curious about how far the goals of Webstudio are.

I opened my computer for the day and discovered that I have 10 new Webstudio videos to watch! Jackpot!!

I know there have been suggestions and comments on Figma to Webstudio. Keeping with opensource, I would like to suggest penpot as a contender down the road. https://penpot.app/

Is there a way to restrict something like text being edited within the edit content block? For example, if I'm building sites for people and want to have a link back to my site in the footer.

I read the newest Codepen newsletter, and they talked about the "Modern Font Stacks" repo as a great resource for web-safe fonts. Kudos to Webstudio for implementing that and to @Bogdan for being a contributor. I love how this product is highly focused on performance. 🙂

A few days ago, I showed someone how to modify the website I built for them. I gave them only "content edit" mode.

The one thing I noticed was the slots, while still called out as a different color - it would be helpful for the content editor users to know what those colors mean. Could a message be attached to the slot that tells them it will change across the entire site? (see my screenshot to see what I mean).

Side note: She loved the content edit mode as it was super easy for her to understand. She previously had a WordPress website and hated it.

I know I can convert boxes and text to other elements. Is there an element I can convert into a fieldset or legend? I've been clicking around but can't find anything.

I use the cloud version, but this would apply to either. I'm looking for ideas for this hypothetical situation. (I've started passing off websites and am concerned with this).

Situation:

1. I create a site for someone
2. I give them shared access to the "content mode" editor
3. They butcher the site, publish and want to restart from the initial handoff

Possible options?

• I could clone the project in the dashboard
• Could I export and somehow sync with the CLI? (Maybe this step would involve setting up the builder locally to sync?)

Using the content edit mode, I would like to have every second item added get reversed. Done manually, I would add a "reverse" token or in CSS I would use and :nth selector (which I could still add manually). However, I wondered if there's a way to do this natively in Webstudio.

The screenshot is an example of what I'd want a client to be able to add/edit. They are all the same structure but the middle one has a "reverse" token on it and each of the parents has a different CSS property value. My assumption is that this would need to be handled with JS or embedded CSS at the moment; is that correct?

It seems like there are starting to many more questions specific to self-hosting. To the Webstudio team, what are your thoughts on making a specific channel for those questions?

Is there a way to access cookies or local storage items within an expression tied to the "show" toggle?

Here's what I would like to be able to do:
system.localStorage.isLoggedIn === "true"

If there's a better way, I'm open to ideas.

When I manually type in "display: grid" in the advanced settings, it removes the alignment and gap settings in the layout section. Could those attributes remain displayed if I manually enter "grid"?

Hey Webstudio team. I'd like to check the state of this PR. https://github.com/webstudio-is/webstudio/pull/4333#issuecomment-2585196576

I believe I need this issue to be resolved before I can actually do what I want. https://github.com/webstudio-is/webstudio/pull/4333 I've built my forms and linked them, just need to pass the headers.

While I wait for that completion, I'm trying to figure out how it will work. Outside of Webstudio, I can post data to the database and the bucket that I want, but those are two separate actions. I want a form that can submit to the DB and to the bucket in one go. This is for a super simplistic blog with an image header and text.

What does the circle on the first token represent?

How would I accomplish this:

• I have a Webstudio project with ".wstd.io" domain. I consider this "dev".
• In the same project I have my live "prod" url. "myDomain.com".

I want to test new designs/features and only push them to the dev domain (which I see possible by unchecking my prod site). However, I've previously had my prod site published, and I've enabled the page to be found in search results. When I publish my new testing stuff on "dev", will all my pages will be found by the search engines?

Any chance all .wstd.io domains are blocked globally?

I just noticed the code folding! Nice.

How would I make the tabs with the content block template? So a user could create a new tab with content.

Is it possible to encode the JSON body as base64 in a form?

I was trying to build a form that could generate a file on my GitHub repo using their API, but it seems like the field needs to be base64-encoded. (I could probably send this to n8n but I was wondering if there was a Webstudio solution)

If you start getting many nested items, the navigator panel has a left/right scroll. Could the panel itself be resizable? Like any browser, web developer tools when you have the panels on the side.

There are locations where I want to display a mailto link, but don't want to expose it to scraping. It would be nice if there were options to enable whatever methods are "best/current".

I want to map one of the modern font stacks to a CSS custom property so I can change them globally when I use 2 different fonts.

Currently I add a token "font-secondary" with the non-primary font attached to it. But I'd like to make singular tokens where I could use the var(--font-family) when making specific tokens.

Will there be a search/filter option for CSS custom properties? Finding a specific property when looking to change it can be difficult when using the full Craft props.

This roadmap item is for tokens; would this also include custom CSS props? https://github.com/orgs/webstudio-is/projects/11/views/1?pane=issue&itemId=74025656&issue=webstudio-is%7Cwebstudio%7C3901

There are a couple of projects I've run into this issue. I can't move an element.

In the video, you can see that I can click/drag to move some items, but not all of them. I don't know why.

The suggestion is to add an error as to why I can't move it.

Labels (or aria-label, labeled by, etc.) are required for accessibility. Is there a way to automatically create and link a label when adding these types of form elements?