Это видео недоступно.
Сожалеем об этом.
Create responsive layout with Breakpoints in Figma
HTML-код
- Опубликовано: 5 июл 2020
- www.figma.com/community/plugi...
Finally, the Breakpoints are here in Figma as a resizable native #frame. The plugin works even if you close the window. It also means that for all collaborators, Breakpoints work correctly.
Part 2: Share animated prototypes with Breakpoints in Figma
• Share animated prototy...
Awesome! This should be native in Figma 😀
Yeah that's useless plugin prototyping
I'm sure it will be at some point
@@amitsinha5621 Now you can auto-create animation Figma prototypes from Breakpoints layout. Try it!
ruclips.net/video/e6pT5nrIqiQ/видео.html
@@floweare36after used this plugin, how can we generate a code for that responsive layout??
Wow, this is what I was thinking about just today for magical responsive website creation and here I got your video. Thanks a lot man for sharing this. You are great!
Totally killing the plugin game! Keep em coming!!
Awesome work on this plugin. Thank you. Please keep it updated. I use it often.
Love this! Can't wait to try it out.
It's amazing!!! Love it! Thank you 🙏
This is amazing...! I really love it. I found many plugins but this plugin which I want to make design perfect. Thank you
Awesome plugin!) Thank you a lot!
Thanks a lot for that awesome plugin!
Beautiful! a game-changer indeed!
Amazing work dude.
This is amazing! Great work :)
Thats only a prototype
This is brilliant!
Stunning. Thank you.
Totally genius!
I like this, Tank you.
Unreal, thank you!!!!
Absolutely fantastic!!!!!!!!!!!!!
This is magical!
wow that's amazing!!!
That's awesome 🤩
Thank you very much
God bless you :))
Великолепно, спасибо!
Awesomeeeee! :D
That is awesome... Question guys... how many breakpoints shall I create, and what are the widths of each one to design a web app that will work across all devices. I have read tons of articles and haven't been able to find a useful straightforward answer.
wow, amazing
Wow, this might be a game-changer for me to switch to Figma. Would love to see a trigger to animate and resize the canvas while making a screen recording (and hides the cursor).
1:21 he shows how to choose between them that would hide the cursor
This would be the reason? What tool are you using? Sketch? Adobe XD? ....
How does this work if your artboards / frames are different heights? Or does it only work well if they all have the same height? Would love to know how to overcome that.
Approve!! #UIlover
Te amo
Лучший!
Do not understand goal. Either way, I have to define all the layouts in all sizes.
How does your plugin make Designprocess oder Development easier? Visually looks good, but ... is that all?
Same thought, when you've to define everything for each screen size, it is double work.
This is fantastic! I've purchased a licence. I can only seem to get it set up so it almost acts like a frame jump. I have responsive components within that I would like to see behave fluidly as you do in your video demo. Can you please show how those components are set up in the context of having them work in the prototype using your plugin?
I was hoping that it was actual responsive frames, but yeah, it does seem like it's just jumping between frames that you pre-design. So you still have to create all the breakpoint designs and update all the copy and visuals in each frame.
Can this be applied to website design?
Description of plugin is incomplete. It's work well with frames with equal height. I don't understand how use this plugin when I have frame with different heights of frames. expample: frame width 320px. It's height 10000p, but there is frame width 992px in my project and height 8000. And how can I use plugin when frames with different height? 🤔
www.figma.com/community/plugin/824289601590456356
How long til release?
Ok that’s nice, but can you use it in the preview mode as well?
Unfortunately no. Figma prototypes do not support any responsive layouts for now. To present the solution to the developer, we thought about the option to automatically create a clickable prototype with all points. What do you think? But this feature is also limited by Figma api options for now (we sent a request to Figma)
Floweare To bad, still very helpfull though. Thank you!
@@jayft4591 Temporarily, you can use Anima for your purposes.
how do I report a bug about this plugin? I have 3 frame sizes, and when I enabled prototype at the breakpoint window, it creates the first frames I defined under that, plus several other repeated frames. Also it's pointless, because it also shows the original frames, and it shows the original, plus the ones you generated.
Great! Is that possible to export CSS code?
Not yet. But this is definitely a good point to work on
I there a way to use this for presenting mode and prototyping?
Would be great
Great news! This feature was just released @
@@franco81111 It's possible now @
What's that accent? German, Chinese, Brazilian? Can't really put my finger on it.
Why is this useful? (No hate intended)
At a glance, this only features the ability to drag a frame that changes the content within to display one layout or another.
Why this would be helpful in any way?
Let me explain:
The responsive layouts are already designed and well labeled.
The plugin only adds the flavour to do a "drag-like" interaction that mimick what we would do on a browser, with a small difference:
For Figma you have to carefully plan your production ahead of thinking to use this plugin. That means that your content must be perfectly constrained to be able to move, no matter how complex it is.
To me that is a hell of an investment only to be able to "drag" a thing and mimic a behavior we have on a browser naturally*.
*Keeping in mind that devs HAS to carefully place and constrain everything so it flows with the window. (Even do users do not tend to interact with window by dragging them all the time.)
These directions make absolutely no sense.