
ระบบไอคอน SVG กว่า 4 หมื่นรายการ
เสียเงิน

Nucleo คือระบบนิเวศการจัดการไอคอนที่ครอบคลุม ประกอบด้วยไอคอน SVG ระดับพรีเมียมกว่า 40,000 รายการ พร้อมแอปพลิเคชันบนเดสก์ท็อปและเว็บสำหรับการจัดการสินทรัพย์โดยเฉพาะ ต่างจากคลังไอคอนทั่วไป Nucleo มีแอปเนทีฟที่ช่วยให้ผู้ใช้ค้นหา ปรับแต่ง และส่งออกไอคอนในรูปแบบต่างๆ (SVG, PNG, PDF) และขนาดที่ต้องการได้โดยไม่ต้องออกจากเวิร์กโฟลว์เดิม นอกจากนี้ยังรองรับการผสานรวมเข้ากับสภาพแวดล้อมการพัฒนาผ่านแพ็กเกจ React โดยเฉพาะ เพื่อให้มั่นใจว่าการนำไอคอนไปใช้ใน UI components จะมีความสม่ำเสมอ แพลตฟอร์มนี้ถูกสร้างขึ้นเพื่อรองรับการขยายตัว โดยมีสไตล์ภาพที่หลากหลาย ตั้งแต่ชุด UI ที่แม่นยำระดับพิกเซล ไปจนถึงสไตล์ตัวหนา ขนาดเล็ก และไอโซเมตริก ทำให้เป็นแหล่งข้อมูลหลักที่เชื่อถือได้สำหรับระบบการออกแบบ (Design Systems) และทีมผลิตภัณฑ์
แอป Nucleo ทำหน้าที่เป็นตัวจัดการสินทรัพย์ในเครื่อง ช่วยให้ผู้ใช้เรียกดู ค้นหา และส่งออกไอคอนกว่า 40,000 รายการโดยไม่ต้องพึ่งพาอินเทอร์เน็ต รองรับการส่งออกเป็นชุดและการปรับขนาดแบบกำหนดเอง ซึ่งเร็วกว่าการดาวน์โหลดไฟล์ทีละไฟล์จากเว็บอย่างมาก แนวทางที่เน้นการใช้งานในเครื่องนี้ช่วยให้ดีไซเนอร์รักษาเวิร์กโฟลว์ที่สม่ำเสมอแม้ในขณะออฟไลน์ พร้อมเอนจินภายในที่ช่วยปรับแต่ง SVG และลดความซับซ้อนของพาธโดยอัตโนมัติ
Nucleo มีแพ็กเกจ React เฉพาะที่ช่วยให้นักพัฒนาสามารถนำเข้าไอคอนเป็นคอมโพเนนต์เนทีฟได้โดยตรง ช่วยลดความจำเป็นในการจัดการไฟล์ SVG ด้วยตนเองในไดเรกทอรีโปรเจกต์ นักพัฒนาสามารถใช้ props เพื่อปรับขนาด สี และความหนาของเส้น ทำให้สามารถอัปเดตสไตล์ไอคอนตามสถานะของแอปพลิเคชันได้แบบไดนามิก ซึ่งช่วยลดขนาด bundle และทำให้การเรนเดอร์ไอคอนสอดคล้องกับไลบรารี UI component อื่นๆ
ไลบรารีประกอบด้วยไอคอนกว่า 40,000 รายการในสไตล์ที่แตกต่างกัน เช่น Core, UI, Sharp, Pixel และ Micro แต่ละสไตล์ถูกสร้างขึ้นอย่างพิถีพิถันเพื่อให้ใช้ตาราง (grid) และภาษาการออกแบบเดียวกัน ช่วยให้ทีมสามารถสลับสไตล์ (เช่น จาก 'Sharp' เป็น 'Pixel') ทั่วทั้งอินเทอร์เฟซผลิตภัณฑ์โดยยังคงความกลมกลืนทางสายตา ซึ่งเป็นสิ่งที่ทำได้ยากเมื่อผสมไอคอนจากชุดโอเพนซอร์สที่ต่างกัน
แอปมีตัวแก้ไขในตัวที่ช่วยให้ผู้ใช้ปรับเปลี่ยนคุณสมบัติไอคอนก่อนส่งออกได้ เช่น ปรับความหนาของเส้น รัศมีมุม และชุดสีแบบเรียลไทม์ เพื่อให้มั่นใจว่าไอคอนที่ส่งออกตรงตามแนวทางของแบรนด์โดยไม่ต้องแก้ไขเพิ่มเติมในซอฟต์แวร์เวกเตอร์ภายนอกอย่าง Illustrator ช่วยประหยัดเวลาในขั้นตอนการส่งต่องานจากดีไซน์สู่การพัฒนา
ไอคอนทุกรายการในคลัง Nucleo ถูกแท็กด้วย Metadata ที่ละเอียด ทำให้ผลการค้นหาแสดงผลได้ในเสี้ยววินาทีจากสินทรัพย์กว่า 40,000 รายการ อัลกอริทึมการค้นหาเข้าใจบริบท ช่วยให้ผู้ใช้ค้นหาไอคอนตามฟังก์ชัน (เช่น 'navigation', 'editor') หรือลักษณะทางสายตา ความสามารถในการค้นหาประสิทธิภาพสูงนี้มีความสำคัญอย่างยิ่งสำหรับทีมผลิตภัณฑ์ขนาดใหญ่ที่ต้องการค้นหาองค์ประกอบ UI เฉพาะอย่างรวดเร็วเพื่อรักษาความเร็วในรอบการทำโปรโตไทป์และการพัฒนา
ดาวน์โหลดและติดตั้งแอปพลิเคชัน Nucleo สำหรับ macOS หรือ Windows จากเว็บไซต์ทางการ, เปิดแอปและเรียกดูคลังไอคอนกว่า 40,000 รายการผ่านแถบค้นหาหรือตัวกรองหมวดหมู่, เลือกไอคอนและใช้แผงปรับแต่งเพื่อปรับความหนาของเส้น สี และขนาดก่อนส่งออก, ลากและวางไอคอนลงในเครื่องมือออกแบบ เช่น Figma, Sketch หรือ Adobe XD โดยตรง, ติดตั้งแพ็กเกจ @nucleo/react ผ่าน npm เพื่อเรนเดอร์ไอคอนเป็น React components ในโค้ดของคุณ, ซิงค์โปรเจกต์ของคุณกับแอป Nucleo เพื่อรักษาความสม่ำเสมอระหว่างสินทรัพย์การออกแบบและโค้ดที่ใช้งานจริง
ดีไซเนอร์ผลิตภัณฑ์ใช้ Nucleo เพื่อรักษาแหล่งข้อมูลหลักเพียงแหล่งเดียวสำหรับไอคอน การใช้แอปส่งออกสินทรัพย์ที่เป็นมาตรฐานช่วยให้มั่นใจได้ว่าองค์ประกอบ UI ทั้งหมดในเว็บหรือแอปมือถือมีความหนาของเส้นและการจัดวางบนตารางที่เหมือนกัน ส่งผลให้เกิดอัตลักษณ์ทางสายตาที่สอดคล้องกัน
นักพัฒนา Frontend ใช้แพ็กเกจ Nucleo React เพื่อแทรกไอคอนลงในโค้ดโดยตรง ช่วยหลีกเลี่ยงภาระในการจัดการไฟล์ SVG นับพันไฟล์ และสามารถเปลี่ยนสีหรือขนาดไอคอนผ่าน props ซึ่งช่วยเร่งความเร็วในการอัปเดต UI
เอเจนซีที่ทำงานหลายโปรเจกต์ใช้แอป Nucleo จัดระเบียบไอคอนเป็น 'โปรเจกต์' หรือ 'คอลเลกชัน' เฉพาะ ช่วยให้สลับระหว่างภาษาการออกแบบของลูกค้าแต่ละรายได้อย่างรวดเร็วโดยไม่ทำให้ระบบไฟล์ในเครื่องรกด้วยสินทรัพย์ที่ไม่ได้ใช้งาน
ต้องการคลังไอคอนขนาดใหญ่ที่สม่ำเสมอเพื่อสร้างโปรโตไทป์ที่มีความละเอียดสูง Nucleo ช่วยแก้ปัญหา 'ไอคอนกระจัดกระจาย' ที่สไตล์ไม่เข้ากัน ทำให้มั่นใจได้ว่า UI components ทั้งหมดจะดูเป็นมืออาชีพและเป็นอันหนึ่งอันเดียวกัน
ต้องการวิธีนำไอคอนไปใช้ในโค้ดโดยไม่ต้องปรับแต่ง SVG ด้วยตนเอง การผสานรวม React ของ Nucleo ช่วยให้จัดการไอคอนเป็นคอมโพเนนต์มาตรฐานได้ ปรับปรุงการบำรุงรักษาโค้ดและลดเวลาในการ build
จัดการลูกค้าหลายรายพร้อมกัน Nucleo มอบเครื่องมือจัดระเบียบเพื่อแยกคลังสินทรัพย์ให้ชัดเจนและเข้าถึงได้ง่าย ช่วยให้ดีไซเนอร์ส่งมอบงานที่มีคุณภาพและสม่ำเสมอตามความต้องการของแต่ละโปรเจกต์
ซื้อขาดสำหรับ Icon Bundle (ประมาณ $99) รวมการเข้าถึงไอคอนกว่า 40,000 รายการ แอปเดสก์ท็อป และแพ็กเกจ React ไม่มีค่าธรรมเนียมรายเดือน