App Size Concern: Is the size of the application going to increase due to the inclusion of assets from Rive? UI Responsiveness: How does the application's user interface (UI) adjust to fit different screen sizes, both small and large?
Thanks for the question. 1. It will increase by a little bit, the same as when you add image assets etc 2. We decided to use the same approach as framer, with 1 artboard per form factor. It automatically swaps between them based on the device you're on. Here's a working example: github.com/FilledStacks/expression-ui/pull/1
Yes, absolutely. I plan on making an entire video about this. I wanted to share this process in this form because it's still an experiment. But soon I'll be done building my first production app using this approach then I'll make a full breakdown of how it works.
I do it the same way Framer does it. An artboart per form factor. - mobile - tablet - desktop - watch Here's an example video of that. x.com/DaneMackier/status/1772237910252621825
@@meysammahfouzi I enjoy designing in figma, the controls are easier, all my shared components are there that I can re-use in different projects and all my previous designs are there for other apps that I can re-use as well. So the design phase goes much faster, given it's built for design. Rive lacks some control based input that figma has, but once they add it I can do all my design in Rive as well.
@@atishayjain9341 based on the 5 I have tried the code didn’t work as is. Plus, you have to integrate your state and business logic which means you have to modify that code. so you have to update the code to fit into your project and the refactor so it can use shared widgets instead of pure from scratch widgets every time. Code gen is basically just someone else’s coding patterns for UI in your codebase, that you then have to maintain for the rest of time when that UI has to change.
As soon as I heard you say "generated", I knew you were South African😂
hahaha, absolutely. I'm from the SA!
amazing, Please make more videos like this that was soo cool
I’ll keep sharing as I develop the package
App Size Concern: Is the size of the application going to increase due to the inclusion of assets from Rive?
UI Responsiveness: How does the application's user interface (UI) adjust to fit different screen sizes, both small and large?
Thanks for the question.
1. It will increase by a little bit, the same as when you add image assets etc
2. We decided to use the same approach as framer, with 1 artboard per form factor. It automatically swaps between them based on the device you're on.
Here's a working example: github.com/FilledStacks/expression-ui/pull/1
Could you explain how this work ? In a video.
Yes, absolutely.
I plan on making an entire video about this. I wanted to share this process in this form because it's still an experiment.
But soon I'll be done building my first production app using this approach then I'll make a full breakdown of how it works.
what about responsiveness?
I do it the same way Framer does it.
An artboart per form factor.
- mobile
- tablet
- desktop
- watch
Here's an example video of that. x.com/DaneMackier/status/1772237910252621825
❤❤❤
🔥
Did you make the ui part from Figma?
Yes, I designed in Figma, then I built the UI in rive.
Why not just Rive? What is it that you can do in Figma and is not possible in Rive?
@@meysammahfouzi I enjoy designing in figma, the controls are easier, all my shared components are there that I can re-use in different projects and all my previous designs are there for other apps that I can re-use as well.
So the design phase goes much faster, given it's built for design.
Rive lacks some control based input that figma has, but once they add it I can do all my design in Rive as well.
wow, tell about this more
I'll be sharing more about this soon.
Why don't you try Figma to code?
I don't want to maintain or write any UI code.
I didn't get you, if we are exporting code from figma then you don't have to write Or maintain ui code right?
@@atishayjain9341 based on the 5 I have tried the code didn’t work as is. Plus, you have to integrate your state and business logic which means you have to modify that code.
so you have to update the code to fit into your project and the refactor so it can use shared widgets instead of pure from scratch widgets every time.
Code gen is basically just someone else’s coding patterns for UI in your codebase, that you then have to maintain for the rest of time when that UI has to change.