Blocs 2024 - New Features Suggestions šŸ“¢

What better way to start a new year than by sharing your feature wish list for Blocs in 2024.

What are the top three features you would love to see added to Blocs this year?

:thinking:

1 Like

Hi @Norm,

Hope you had a great rest and you are ready to take Blocs to the next level this year! :muscle:

As you know, I always have a long wish list! :grin: (will share it later).
In general, the absolute majority of Blocs users I talk to want more NoCode capabilities.

9 Likes

Eldar - my man.

2 Likes

#1 for us who need to see. :slight_smile: Image Asset Manager featuring a Zoom in / out feature on the bottom right, like the one MAC uses in finder and other apps.

Ability to sort by Date, Name, Type, Dimensionā€¦ etc.

Copy and Paste Blocs or hold until a new Projects is opened

Redo / Undo History List Dropdown

Is there a way select when resting over (help) an very small icon, where there is a very small window with text in it describing what the function or feature is, can either make the text larger or habits stay longer on screen. Itā€™s very difficult to use this feature when it doesnā€™t stay very long or the print is so small.

Please bring back the progress bar with exporting or saving our projects. Sometimes it work and other time not. If anything make it more visible.

1 Like

The ability to move groups of assets into the asset manager (that are named the same) and just click ALL instead of having to ā€œOKā€ each one to overwrite the original.

Rich the Weather Guy

2 Likes

More movement and text animations like typing effects. More hover interactions and scroll variants like this:

2 Likes
  • set (lock) Ftp logins with projects to avoid mistakes when publishing ā€¦
2 Likes

Asset Manager that acts like a Finder directory with the ability to sort and move individual assets and groups of assets, like Finder folders.

3 Likes

Iā€™ll cross-post from my recent thread.

Iā€™d like better organisation in the color swatch manager: ability to group swatches separated by something like a divider (but not hidden like image assets, via drop down) and ability to name swatch groups.

Iā€™d possibly also like more visible swatch naming before clicking on a swatch. I donā€™t think Iā€™m the only one clicking around on swatches to find the right one, because shades quickly start to look similar at the unnamed small size.

5 Likes

More NoCode solutions can grow through boosting our Custom Brics. (some of these I have mentioned previously) and supporting our 3rd party devs.

  • Bric Builder Filtering. I have a reasonable number of brics, and a filter here would be great.

  • A way of managing version control, or even maybe a suggested workflow to have a current build and a dev build con-current without having Bric issues on the user end.
  • obfuscation Javascript on export, would be an excellent option, saving potential fail points with copy and pasting code all the time when exporting a bric. Excellent when we need to send out several builds during testing.
  • Additional UI items, like a required tick box, that could show a warning on a value not set, but then maybe disappearing. My work around for that now, is ok, but not very pleasant. Even if we had an API to edit the label of a UI item.

CleanShot 2024-01-12 at 14.02.54@2x

  • While mentioning UI items, a way to sort dropdown lists, to re-order content. Right now a user is restricted to a dropdown list being populated in order of something being added and itā€™s static.

  • A way we can use our own icons in the UI elements. Including dropdown lists.

  • Slider improvements, its way to sensitive to use well. Being able to slide in whole numbers for example. I have mentioned this one to you not long ago I think.

  • Notifications is a bit quirky, as discussed with your prior. Itā€™s difficult to provide good user feedback for an action if the app restricts how often this can happen. Maybe a better solution here?

  • API to add classes to the Class Manage would be fantastic. Meaning we can bring more user control into the class editor, which is way better than a million options in the side bar. Right now, I have a copy to clipboard solution in NavPlus I have been working on :rofl: Which the user than can paste into the class manager. But itā€™s an unnecessary process really if we could go straight to the Class Manager.

Most of the Blocs users that approach me regularly, are wanting LowCode solutions to enhance their websites. They want to build great stuff, and want to learn how to do it. NoCode is great, and so are the custom brics that add more functionality, but they usually run on rails and so have limitationsā€¦ So in saying thatā€¦ I do love the improvements the code editor has seen, but its quirky at times, and code colours get messed up, predictive text or what ever you call it can get in the way, especially if you try and use arrow keys to navigate quickly around some code.

Personally I think it would be good to see 3rd party support for editors like Sublime Text and Visual Studio Code for example. It would save you re-inventing the wheel.

2 Likes

Way way more more.

1 Like

Iā€™ve been closely watching this online conversation for a few days, interested in how excited people are getting about ā€˜no-codeā€™. You expect more ā€˜no-codeā€™ tools, but itā€™s not clear what exactly these tools should be and you see them to work.

Some (@KBConcepts, @WeatherguyNH) have suggested better ways to interact with Blocs, but what else?

When you look at the things you can do with an online builder like Framer compared to Blocs, itā€™s like comparing apples to oranges. Yes, for a $$$$$ monthly fee per website, Framer gives you a lot more choices. But, it doesnā€™t mean there will be more tickboxes, as some ā€˜no-codersā€™ seem to think.

Making a fancy carousel in Framer? Totally doable. Hereā€™s a step-by-step guide (Spoiler Alert, there are no tickboxes :grin:):

As @PeteSharp smartly pointed out, the Bric Builder needs to get a lot better. This is the only way weā€™ll get to see more no-code add-ons.

Blocs, like everything else, has to get better over time. CSS, especially, needs a big update, given the many new features that have been added just this year.

Further, the focus needs to remain on Bugs, Bugs and Bugs :bug:

Yep :has :not and :focus-within I use all the time. They are being used in NavPlus and VH Helper. Thats just scratching the surface. They can reduce javascript also.

Exactly!

I donā€™t understand why some people associate nocode with just using tickboxes. Itā€™s not about that. Itā€™s all about providing a nocode UI for coding solutions, which now usually involves using the Code Editor.

In Framer, it starts with a simple Blocs-like Inspector Sidebar, but users can add panels to it, essentially expanding the functionality infinitely, all without writing a line of code. Does this make Framer less powerful because it is positioned as ā€˜NoCodeā€™? No, quite the opposite.

The Blocs approach will involve making the Class Editor more robust. For me, the Class Editor is like Google Translate for code.

To conclude, let me share this beautiful video from almost 10 years ago from my favorite app developer. I remember watching this like it was yesterday and purchasing my first-ever paid application for Mac.

ā€œBuild fully coded websites without touching a line of code.ā€

3 Likes

That is true :+1:, itā€™s not a magic solution! Which is why I chase the LowCode approach, itā€™s crazy not to take advantage of software, which should also be flexible enough to also use code. Can you imagine how nuts the Class Editor would be with all the possible options. It, however needs to offer the foundation options of modern web design.

This is the reason why I advocated a while back for a code editor option inside the class editor, where we could apply things not provided at break points, we could add transitions, and keyframes etc. Right in the class editor. It would made our CSS tidier too.

1 Like

No need to show all possible options by default. Make it ā€˜available on demandā€™.
Maybe something similar to that :point_down:

3 Likes

How does that workā€¦ can you show a video? Framer I am guessingā€¦

On demand is a lot better than the way Pinegrow throws everything at the wall at once :stuck_out_tongue_winking_eye:

Well, just watch this as an example.

https://x.com/learnframer/status/1744992694995407189?s=20

I sometimes want to set the pointer events to none for some overlays I use for my websites. In the video, you can see how you can do it in Framer. In Blocs, I just add something like .class {pointer-events:none;} to the code to Code Editor.

1 Like

You can add the bootstrap class .pe-none all preset

Exactly! Wouldnā€™t it be nice for users who donā€™t know that to be able to do this automatically? Let the Blocs add this class under the hood.

1 Like