![Floweare](/img/default-banner.jpg)
- Видео 4
- Просмотров 191 261
Floweare
Добавлен 10 мар 2020
At the Floweare we are deeply involved into design teams. By doing the research we create design operations tools that moves product designers forward.
Share animated prototypes with Breakpoints in Figma
www.figma.com/community/plugin/824289601590456356/Breakpoints
Breakpoints plugin. Preview responsive layout inside a Figma frame and share animation prototype with your team.
Part 1: Create responsive layout with Breakpoints in Figma
ruclips.net/video/OaGSreqHCXE/видео.html
Breakpoints plugin. Preview responsive layout inside a Figma frame and share animation prototype with your team.
Part 1: Create responsive layout with Breakpoints in Figma
ruclips.net/video/OaGSreqHCXE/видео.html
Просмотров: 10 579
Видео
Move master styles and components between files in Figma
Просмотров 39 тыс.3 года назад
Bulk swap instances and styles between masters with the same name. And copy styles between files. See also "Manage pathnames with /'s like folders": ruclips.net/video/lmh24-OINe4/видео.html Figma community: www.figma.com/c/plugin/802579985985331070 This feature allows you to copy master styles and components between files, change desired properties, and selectively swap their instances to a new...
Create responsive layout with Breakpoints in Figma
Просмотров 127 тыс.4 года назад
www.figma.com/community/plugin/824289601590456356 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 ruclips.net/video/e6pT5nrIqiQ/видео.html
Manage pathnames with /'s like folders in Figma
Просмотров 15 тыс.4 года назад
Manage design system elements with paths such as “toolbar/nav/back” like a folders. See also "Copy master styles and components between files": ruclips.net/video/cWE_USeedKQ/видео.html Figma community: www.figma.com/c/plugin/802579985985331070 Say goodbye to endless naming schemes with "/" for components and styles
I don't see this cllickable colored bar. plus I see the frames several times, in a weird order
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.
Stunning. Thank you.
Absolutely fantastic!!!!!!!!!!!!!
I am not getting the links and the flow interactions after switching the prototype on
What's that accent? German, Chinese, Brazilian? Can't really put my finger on it.
These directions make absolutely no sense.
Для тех кто не знает, все стили можно просто вырезать ctrl x и вставить в другйо проект
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.
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? 🤔
wow, amazing
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 you to do video tutorial how use dso in blank file from begining?
your script doesnt work and no on answered my email
Good
Doesn't work
Awesomeeeee! :D
wow that's amazing!!!
this is paid?
thank you!
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.)
what is design system organizer? it is apluginf? another file ?/ what.?
slow down slow down you are not working.... you are explainign to people it does work for me where to export and where to import is not clear
Awesome work on this plugin. Thank you. Please keep it updated. I use it often.
Thanks a lot for that awesome plugin!
Thanks a lot for that awesome plugin!
How can we show developer in prototype?
cool~
This whole system is so much more confusing than it should be...
Not a free option.
Unreal, thank you!!!!
amazing, thank you!
Hi, there! We are migrating from Sketch Cloud to Figma. We created a Design system file and imported it in Figma. We also need to migrate other files and relink its components with the Design system file and it also shares the same names of the symbols (that’s how it is called in Sketch) - components. I do not want to manually click through the file or start to redesign from scratch, because it’s a work of months. Design System Organizer does not resolve this. How can I manage that? In Sketch, there is a beautiful plugin called Camillo, that get rid of local symbols and attached relink to external library file.
finally this tutorial
Hi, the license key is not working. I sent you an email, but have not gotten a response back. Please help. Thank you!
Does this work with Variants?
you saved me hours, ty!
This is brilliant!
That's awesome 🤩
This is exactly the missing link for our component library changes we're implementing right now!
Great plugin, it's really useful. As an improvement, the tutorial video could slow down a bit to explain every single step slowly and clearly. I feel the video is rushing. Fortunately, I can pause the video to read the caption.
Genius! Just started with Figma today and this is so cool!
🔥🔥
awesome!
а как можно с внешней библиотеки стили перепрявязать к библиотеке внутри файла? Design System Organizer пробую, но он внешнюю библиотеку привязывает к внутренней. и какая-то петля получается: из файла "1" цвета привязаны к файлу "2", в которой цвета привязаны в файлу "1"...
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.
I love you bro
make it free
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.
How long til release?