@pjigweh My default browser is also based on the FF engine. My preferred work-around is to use the desktop version of Webstudio. I can keep my work there separate from other tasks and don't need to worry about any of my browser plugins messing with WS.
The download link is on the webstudio.is site at the bottom in the footer.
I was wondering is there would be any GitHub integrations down the line. And also, will integrations remain only for the Devs or will other people be able to build other integrations and add it to the market place
What kind of github integrations?
well, i want to see if it will ever be possible to pull css variables from github. im working on a new workflow to move to over time and this workflow involves penpot and web studio. penpot will son support a tool called token studio and they have a github integration that saves the tokens like css variables(from what i understand). So i was thinking that in this new workflow i would be able to pull the css variables i have stored in github that came from tokenstudio.
token studio is something we use in figma as well
this is an interesting use case we haven't yet started working on, initially we actually planed to directly support tokenstudio json format
css variables as a format could also work, you can do it even right now by simply including a css file with css variables, but autocompletion won't work right now as webstudio doesn't know anything about those variables
additionally its not. good idea to pull directly from github because this way your change will be affecting both staging and production and you can't make changes, test them, then publish
what it needs is an integration that will allow pulling the changes into webstudio in dev, testing them, then publishing it to staging, testing them, then publishing to production
Rightnow I think you could hack it in by including a css file from any remote source that has the variables and using them in values as usual, but you won't have:
- separate variables for dev/staging/prod. changes in the file may break your site without republishing unless you separate the production file and dev file somehow
- won't get autocompletion in values
This is a great idea
I really love what y'all are doing sir
Support for token studio JSON is a simpler way to go, I wouldn't need to do all those work arounds if you guys actually work on that
I'm really stoked right now!!!
Thank you so much for web studio
If you didn't know, web studio actually fixes the issue of new designers who want to learn web design but don't have any money to begin. In wordpress, professional web design tools are becoming more expensive, bricks builder will be increasing it's payment plan later this year. So without at least $200, you won't be able to learn how to use bricks as a person from a third world country without trying to find an illegal means to get the program. Web studio fixes all of that.
I'm getting ready to create content on YouTube and I wanted my content to revolve around web studio and penpot as a go to workflow for web designers, especially beginners. Right now I use wordpress and the bricks builder stack for my client's, but was hoping to move over to web studio over time.
Thank you very much for this project, I love the potential of it and everything it represents, I'm really grateful!!
So, I can write CSS variables and bring them into web studio as a single CSS file?
That's cool!
Any support for SCSS?
I also think that the best way to look at this is the need of a Design and Development workflow
There is no where in the world where we have this, and I think it's needful
What we have is a separate workflow for each, and for me it makes no sense. In the beginning of most peoples web design journey, they had no teams, they worked alone. I've been working alone until this year where I began putting a team together.
I think we need a way to truly bring in thesame ideas we have in design into development; sizes, spacing, colours, and without needing to rewrite everything again.
If I could find a way to bring in my tokens or variables from a design tool into a development tool, it would make my life easier. All I'll need to do is get straight into development.
I saw your question about which should be the source of truth, that's a difficult question for me, lol.
I change the values that I brought in from design, majorly because of responsiveness. I use fluid units while I develop(rems, Ems, % , Ch), but in design it's often times in pixels. In bricks, I often times use a framework called ACSS(automatic CSS), it was built by someone named Kevin Gary. It's a variable first framework and most of the variables work with CSS math functions to enable fluidity across different screen sizes.
This is another reason why I want to switch to penpot from figma, because of it's fluid design system. It's just way better than what figma offers me right now.
So this question will be a huge issue for me, maybe there should be a way to convert them from pixels to fluid units. I won't know until I play around with it though. I'm not in a hurry, I have all the time in the world to test and see how it goes.
Firefox supports need so badly
why? please describe your problem
I don't know why, but I like Open Source and Firefox. so as a open source builder, I would expect you guys support for Firefox as well.
Chromium is also open source, we support it. What you are describing is not a problem.
I use Zen (built on Firefox). Instead of the browser, I use the desktop version (found in the footer of the Webstudio website). This way I don't need to worry if my main browser isn't compatible, any browser plugin conflicts and it separates out my Webstudio work into a different work pipeline for myself. I haven't found a single negative in working with the desktop application; it's all positive.
also just using different browsers for different things should be easy
