December 23, 2019

Introducing Focus Mode

Alex Lareo @alex_lareo

We have developed focus mode as a way to test the design's responsiveness inside the editor.

In focus mode, there are no slide dimensions. The page becomes fluid. And you can only see one slide on the screen at the same time (hence the focus part).

We think we have found the sweetest spot between "design" views like the ones on Sketch, Figma, XD ... and browser "focus" views (box paradigm) like Webflow. Best of all is that you can switch instantly between them by clicking on the icons or using the shortcuts "F" for focus or "D" for design.

We also think that there is no faster way to add controlled responsiveness to your projects than using the breakpoint editor in Focus view:
Resize the stage using the slider, create a breakpoint, reorganize the elements in the breakpoint to your taste, change their properties like color, font sizes, visibility, style, media source ... test and create a new breakpoint if needed. Repeat :)

  1. 1

    Is this an alternative to You have an amazing product. I haven't tested on desktop yet.

    Confirmation email was sent to my spam box. I think your domain email records are not functional.

    Buttons inside the email are not clickable. Can't verify my account

    1. 1

      Thank you very much for telling us!

      We will look into this. And I will let you know once it's solved.

      Regarding your question ...
      I think it's in fact, an alternative to, but I think our approach is a bit different, although I'm not a user so I have no real experience with it and I cannot be completely sure. In fact, I think I discovered that exists only 2 weeks ago :{

      In our app, projects start exactly like any design project in any design app like Sketch, Figma ... Not by using pre-configured blocks, nor following the blocks (divs) approach, you are completely free to design anything you need.

      After that, if needed, you can assign alignment/pin constraints, breakpoints, and responsiveness.

      Then you can add animation, behaviors, logic and complex interactions through actions.

      Finally, you can import any kind of data as long as it can be converted to JSON and reduce it visually to endpoints and views. Once the views are created you can connect those views to your previously created components or grids. You can use actions to filter and refresh endpoints. Your components will update instantly, No need to worry about that.

      To publish your project You click the publish button. Everything will move to your own server (you can configure staging and production FTPs).

      I don't know if this helps with the differences between the 2 apps, but I think you'll find they are quite different.