Request details

9 slice scaling of bitmaps

Why does there seem to be no interest or demand for this feature anymore? For me it's a "must have" for efficient prototyping. I realize "flat" is all the rage, but I still do a lot of photo-realistic, skeuomorphic design using Photoshop's bitmap-only tools. Without 9-slice scaling, there's no way to properly scale a png graphic within XD. I have to create all the different sizes I need in Photoshop and import them all separately. Doesn't anyone else have this problem, or am I missing something?

I realize there's already a post about this, but I'm hoping for some feedback and I doubt commenting on a year old post would get noticed.

42 votes
Sign in
Check!
(thinking…)
Reset
or sign in with
  • facebook
  • google
    Password icon
    Signed in as (Sign out)

    We’ll send you updates on this idea

    Aaron Craig shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →
    AdminElaine (Adobe) (Admin, Adobe) responded  · 

    I can’t comment on the state of design, but what I can do for you is to merge the other story into this one, which will notify all of the other people who upvoted for it. That being said, it’s likely that people are beginning to go all-vector, which negates the need for bitmap 9-scaling if you have fixed point corners.

    -Elaine

    17 comments

    Sign in
    Check!
    (thinking…)
    Reset
    or sign in with
    • facebook
    • google
      Password icon
      Signed in as (Sign out)
      Submitting...
      • Matt Teeter commented  ·   ·  Flag as inappropriate

        I am a huge fan of working in vector whenever I can but I too work in the game industry and am continually forced to create all of my assets as bitmaps and to prep, most of them as 9 Slices for file optimization. Being able to use them natively in XD would make my workflow a lot easier. There are also some looks and styles that are just easier, if not, only possible via bitmap

      • Max Mercier commented  ·   ·  Flag as inappropriate

        John O: "I can guarantee bitmap is not going away anytime soon. This is important for game development, as you can see from the various comments people are posting here. It's definitely one of the top issues keeping me from designing in XD."

        +1 here. Game UI makes heavy use of bitmaps, mainly because of performance issues. Vector graphics don't translate well at all in terms of GPU rendering.

        They also don't look good because the rendering context is dramatically different from what we're used on desktop computers (there are no curves as everything is translated to vertices, and there is also no smoothing/antialiasing, at least not anything you'd find comparable)

      • John O commented  ·   ·  Flag as inappropriate

        @Elaine I can guarantee bitmap is not going away anytime soon. This is important for game development, as you can see from the various comments people are posting here. It's definitely one of the top issues keeping me from designing in XD.

      • Ricardo Pinto commented  ·   ·  Flag as inappropriate

        @Elaine While vector is useful, if you have an element (frame/button) consisting of multiple vector layers, you still can't easily stretch it to the size of the container without going to each layer and editing their nodes individually. What would be ideal here would be a tool similar to the Repeat Grid, where you select an element/group, press a Stretch Grid button and define where the boundaries are, and then resizing that element will use those 9-slice boundaries. If you make it bitmap-only, you're still limiting the usefulness of the tool

      • Alexander Vinogradov commented  ·   ·  Flag as inappropriate

        @Elaine pipeline with 100% vectors is a total mess because if you have CC Library with 300+ UI elements and 6-7 designers you want to keep all your UI consistent. If you will "copy" vector shapes in each screen (we have 422 screens and states of the screens in our mobile MMO game) your design will become inconsistent in terms of UX patterns and UI patterns as well after only 3-4 weeks of production. That's why we need "instances" (not "copies") of UI elements to be used right from the library or from PNG files that Adobe Generator generates.

        We need 10000% guarantee that if one of the designers updates any UI element ant any time - all other designs that contain that element will be updated as well and their authors should be notified. Also, it would be great to have some HTTP hooks for that so our continuous integration(Jenkins) would rebuild our dev version of the product right after UI assets update.

      • Anonymous commented  ·   ·  Flag as inappropriate

        I would love to see this get some attention as for me this is what will define the difference between a true prototyping app or just another wireframing app. Once responsive design is implemented the lack of this feature will effectively block our pipeline due to the fact we cannot utilise our final assets.

      • Anonymous commented  ·   ·  Flag as inappropriate

        I've seen that this was posted already however I’d like to expand on why bitmap 9 slice with responsive elements are important to UI designers.
        It has been stated here before by Elaine that “people are beginning to go all-vector, which negates the need for bitmap 9-scaling if you have fixed point corners.”
        Although the current trend with material design and minimalism this statement holds true, in the games industry we are often tasked with complex and more flamboyant designs.
        As you can see by the attached example, corner pinning will not support our design.
        Id like adobe to reconsider the importance of 9 slice bitmaps as you can see the issues it will cause for us designers once responsive elements are implemented.

      • Simon commented  ·   ·  Flag as inappropriate

        It is impossible to do advanced Game GUI design without 9-slicing both for stretching and tiling, doesn't matter if it is with vectors or bitmaps. Traditionally it is still done with Photoshop, exporting the pieces as PNGs and putting them together to form the panels in the game UI layout tools.

        Without 9-slicing, to create screen mockups various button and dropdown sizes have to made in Photoshop or illustrator first and imported as separate assets. Defining the stretch/tile areas in the mockup tool would be a much better workflow.

      • kosuke.amano commented  ·   ·  Flag as inappropriate

        We are developing a GUI for games using "Unity", and at that case, it is common to produce GUI at 9 slice scaling rather than handling vector data.
        When this feature is implemented, we think that development efficiency will be dramatically improved by releasing layout work in Photoshop.
        "Unity" is one of the most famous game engines. Implementing this feature, I believe, revolutionizes all GUI designers dealing with Unity.

        私は「Unity」を使ってゲームのGUIを開発していますが、その環境下では、ベクトルデータではなくビットマップを扱うことが一般的で、なかでも、9sliceの利用は重要度が高いです。
        この機能が実装されると、私たちはPhotoshopを利用したレイアウト作業から解放され、開発効率が飛躍的に向上すると考えています。
        「Unity」は最も利用されているゲームエンジンの一つです。この機能の実装で、「Unity」を扱うすべてのGUIデザイナーに革命が起こると私は信じています。

      • RUI Mo commented  ·   ·  Flag as inappropriate

        As a game GUI designer,creating 9-slice components is my bread-and-butter. We may create complex graphic in Photoshop.In XD re-sizing it is a disaster.Do not say that people are beginning to go vector, that can not work in game user interface.

        If XD had the ability to specify 9-Slice scaling guides, it would be a dramatic improvement for our workflow.

      • RUI Mo commented  ·   ·  Flag as inappropriate

        I do not agree with you Elaine,for most game GUI designer,we create complex graphics in Photoshop, that can not directly scaling the x-axis or y-axis, and the need to endure the corner of the pixel loss,you need to know vector graphics can not represent all the design field.

      • Zach Bruce commented  ·   ·  Flag as inappropriate

        I don't see any use for this, you can achieve most design artifacts with smart objects and effects in XD already.

      • Glenn Bickford commented  ·   ·  Flag as inappropriate

        Hi Elaine, I disagree totally. I.e. I have a modal, where I need the middle part to always be expandable. But want to quickly resize the modal. Here is where 9 sliding kicks in.

      Feedback and Knowledge Base