Pencil Project เครื่องมือออกแบบ Prototype UI ใช้งานง่ายแถมฟรีอีกด้วย

เครื่องมือติดตั้งรอบเดียวออกแบบ Prototypes All platforms.

หาเครื่องมือที่ต้องติดตั้งเพียงครั้งเดียวจบ ไม่อยากที่จะต้องไปหาโหลดตัวโน้นเพื่อออกแบบ UI Mobile หรือต้องไปติดตั้งอีกตัวเพื่อใช้ออกแบบ UI ของ Desktop และอยากใช้งาน Feature ของโปรแกรมได้เต็มที่

ลองใช้ Prototpye Tools Online หลาย ๆ ตัวยังไม่ประทับใจ

เพราะด้วยไม่ค่อยชอบใช้งานเครื่องมือบนออนไลน์ เพราะด้วยความช้าและความคล่องตัว หรืออาจจะเป็นความคุ้นชินกับ Tool ที่ติดตั้งบน Desktop ด้วยใช้งาน window เป็นหลัก

เจอ Pencil Project Tools ก็พอใจไม่มองอะไรอีกแล้ว

https://pencil.evolus.vn/ ปัจจุบันถึงเวอร์ชั่น 3 โดยตัว Tools เองก็มี Collections ติดมาอยู่บ้าง แต่ถ้าอยากติดตั้งเพิ่มเพื่อมีหน้าจอที่หลากหลายยิ่งขึ้น download ที่นี่

แนะนำเครื่องมือที่ใช้งานบ่อย ๆ กันหน่อย ยกตัวอย่าง Collecttion Bootstrap UI

concept การลาก Component UI มาวางบน Layout พื้นที่ทำงานก็แสนจะง่าย เติม Font สวย ๆ ปรับขนาด Font อีกนิด ดีเลย

Image for post
Image for post

ปกติ Component แต่ละตัวจะมี Options ที่แตกต่างกัน เช่น

  • Table ของ Bootstrap ที่สามารถกำหนด Striped rows,Condensed สามารถทำได้
  • Radio มี Options Selected /UnSeleted
  • Input มี Options Focus

การ Save File งาน และ Export File

Pencil Project จะ Save File งานเป็น .ep และสามารถ Export ออกเป็น ไฟล์ภาพ .png

Image for post
Image for post

อยากรู้ว่าทำอะไรเพิ่มได้อีกต้องลอง Download ไปติดตั้งกันนะครับ OpenSource คร้าบบบ

Written by

Senior Developer @Telecom, Full Stack Developer [Subscribe Me @poolsawat.com]

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store