Storyboardでカスタムビューを見やすく表示する

これ、どうしてなのか分からないんですがXcodeでカスタムビューに指定しても基本的にスーパービューの見た目で表示されます。

これです。どこにカスタムビューがあるかわかりますか？
わからないですよね。

こうなってたらいいですよね。

IBDesignableを使うとわりと簡単に実装できます。
以下をコピペで大丈夫です。

    override func drawRect(rect: CGRect) {
        #if TARGET_INTERFACE_BUILDER
        
        CGContextSetFillColorWithColor(UIGraphicsGetCurrentContext(),
            UIColor(red:0.941, green:0.941, blue:0.941, alpha: 1).CGColor)
        CGContextFillRect(UIGraphicsGetCurrentContext(), rect)
        
        var className = NSStringFromClass(self.dynamicType)
        className = className.substringFromIndex(className.rangeOfString(".")!.endIndex)
        let attr = [
            NSForegroundColorAttributeName : UIColor(red:0.796, green:0.796, blue:0.796, alpha: 1),
            NSFontAttributeName : UIFont(name: "Helvetica-Bold", size: 28)!
        ]
        let size = className.boundingRectWithSize(rect.size, options: NSStringDrawingOptions.allZeros, attributes: attr, context: nil)
        className.drawAtPoint(CGPointMake(rect.width/2 - size.width/2, rect.height/2 - size.height/2), withAttributes: attr)
        
        if rect.height > 78.0 {
            let subTitle:NSString = "Prototype Content"
            let subAttr = [
                NSForegroundColorAttributeName : UIColor(red:0.796, green:0.796, blue:0.796, alpha: 1),
                NSFontAttributeName : UIFont(name: "Helvetica-Bold", size: 17)!
            ]
            let subTitleSize = subTitle.boundingRectWithSize(rect.size, options: NSStringDrawingOptions.allZeros, attributes: subAttr, context: nil)
            subTitle.drawAtPoint(CGPointMake(rect.width/2 - subTitleSize.width/2, rect.height/2 - subTitleSize.height/2 + 30), withAttributes: subAttr)
        }
        
        #endif
    }

ちょいちょい純正と違うのですが大体これで事足りると思います。
BaseViewか何かに書いて継承させるといいですよ！
第三者に優しいStoryboardを作ろう。