ทางเลือกสำหรับ - Design Tokens Generator

Figma

Figma เป็นเครื่องมือออกแบบกราฟิกเวกเตอร์และ prototyping ซึ่งสามารถทำงานร่วมกันแบบเรียลไทม์ผ่านเว็บและแอปพลิเคชันบนเดสก์ท็อป

HeroUI

HeroUI Chat เปลี่ยนข้อความหรือภาพหน้าจอเป็นแอพ React ที่สวยงาม โดยใช้ AI และไลบรารี HeroUI สำหรับนักพัฒนาสร้างอินเทอร์เฟซที่ใช้งานง่าย.

DESIGNmd

คลังไฟล์ DESIGN.md ฟรีสำหรับเก็บระบบดีไซน์ครบในไฟล์เดียว ใช้กับเครื่องมือโค้ด AI เพื่อสร้าง UI ให้สอดคล้อง ค้นหาตามสไตล์ สี หรือแท็ก และดาวน์โหลดได้

Supernova

Supernova เป็นแพลตฟอร์มที่ช่วยจัดการและพัฒนาระบบการออกแบบ ช่วยให้ทีมออกแบบและพัฒนาสร้างผลิตภัณฑ์ที่สอดคล้องกันได้ง่ายขึ้น.

MD Bootstrap

MD Bootstrap เป็นชุดเครื่องมือสำหรับพัฒนาเว็บที่ใช้ Bootstrap โดยเน้นการออกแบบวัสดุ มีส่วนประกอบและเทมเพลตที่ตอบสนองได้.

Mockplus

Mockplus เป็นแพลตฟอร์มออกแบบผลิตภัณฑ์ออนไลน์ที่ช่วยในการออกแบบ สร้างต้นแบบ และทำงานร่วมกันได้สะดวกและรวดเร็ว

Glow UI

Glow UI เป็นชุดเครื่องมือ UI ของ Figma ที่สร้างขึ้นสำหรับมืออาชีพ ช่วยให้การออกแบบสำหรับ SaaS เป็นไปอย่างราบรื่นและมีประสิทธิภาพมากขึ้น

Framer Toys

Framer Toys เป็นแอพที่ช่วยให้นักออกแบบสร้าง UI ที่มีคุณภาพ โดยมีส่วนประกอบและเทมเพลตที่เป็นมิตรกับการใช้งานและช่วยเร่งกระบวนการออกแบบ.

Aspect

Aspect app ช่วยให้ผู้ใช้สร้างคอมโพเนนต์ React ได้อย่างง่ายดาย พร้อมระบบการออกแบบที่ซิงค์กับฐานข้อมูลโค้ด

Zeroheight

Zeroheight ช่วยทีมสร้างและจัดการระบบการออกแบบ โดยทำให้การทำงานร่วมกันระหว่างนักออกแบบและนักพัฒนาง่ายขึ้น.

腾讯设计Ardot

腾讯设计 Ardot เป็นเครื่องมือออกแบบด้วย AI สำหรับสร้าง UI จากข้อความหรือรูปภาพ แก้ไขเลย์เอาต์และเวกเตอร์ จัดการระบบดีไซน์ และส่งต่องานสู่การพัฒนาได้บนเว็บและ macOS

tweakcn

Tweakcn เป็นเครื่องมือแก้ไขธีมบนเว็บสำหรับปรับแต่ง Shadcn UI และ Tailwind CSS v4 รองรับสไตล์กำหนดเอง แก้ไขคุณสมบัติ ดูตัวอย่างเรียลไทม์ และส่งออกโค้ด

Shadcn Studio

Shadcn Studio เป็นแพลตฟอร์มโอเพ่นซอร์สที่ให้คอมโพเนนต์ UI, บล็อก, เทมเพลต และเครื่องมือปรับธีม/ตัวอักษร เพื่อเร่งการพัฒนาและปรับแต่งอินเทอร์เฟซผู้ใช้

Frameblox

Frameblox เป็นไลบรารีเทมเพลตเว็บไซต์และส่วนประกอบ Framer ที่ช่วยนักออกแบบสร้างและปรับแต่งเว็บไซต์ได้เร็วขึ้นและง่ายขึ้น โดยมีสินทรัพย์มากกว่า 780 รายการ.

Design Index

Design Index รวบรวมแหล่งข้อมูลและตัวอย่างระบบการออกแบบที่คัดสรร เพื่อให้ค้นหาและเข้าถึงส่วนประกอบ UI แนวทางและเอกสารได้ง่ายขึ้น

Shadcnblocks

Shadcnblocks เป็นแหล่งรวมบล็อก UI กว่า 680 บล็อกสำหรับการสร้างเว็บเพจและแอปพลิเคชัน โดยรองรับ React และ Tailwind CSS.

Specify

Specify ช่วยองค์กรในการจัดการแบรนด์ โดยเชื่อมต่อกับแพลตฟอร์มออกแบบเพื่อแชร์และแปลงโทเค็นการออกแบบให้ง่ายต่อการใช้งาน.

Design Tokens Generator

เครื่องกำเนิดโทเค็นการออกแบบช่วยสร้างและจัดการโทเค็นการออกแบบ เช่น สีและระยะห่าง เพื่อความสอดคล้องในงานออกแบบและพัฒนาเว็บ.

FlyonUI

FlyonUI เป็นไลบรารีส่วนประกอบ UI ฟรีที่ใช้กับ Tailwind CSS มีองค์ประกอบมากกว่า 800 แบบ ช่วยในการพัฒนาเว็บแอปพลิเคชันที่ใช้งานง่ายและปรับแต่งได้.

Tailkit

Tailkit เป็นเครื่องมือที่ช่วยนักพัฒนาสร้างเว็บแอพพลิเคชั่นที่ตอบสนอง โดยมีส่วนประกอบที่ออกแบบไว้ล่วงหน้ากว่า 500 รายการ รองรับหลายเฟรมเวิร์ก

AntBlocks UI

Antblocks UI เป็นแอพที่มีชุดส่วนประกอบ UI ที่ใช้สำหรับพัฒนาแอพด้วย Figma และ React ช่วยให้นักพัฒนาสร้างอินเทอร์เฟซได้อย่างง่ายดายและรวดเร็ว.

Design Language System

DLS สร้างระบบภาษาออกแบบครบชุด (โลโก้ พาเลต ตัวอักษร และส่วนประกอบ UI) ให้ผู้ก่อตั้งเดี่ยว ผ่านแชท 6 คำถาม เพื่อได้แบรนด์ที่พร้อมใช้งานทันที

5sdesign

5sdesign คือชุดการออกแบบสำหรับช่วยสร้างหน้าเว็บและ UI ได้เร็วขึ้น โดยมีพรอมป์ตหน้า Landing, พื้นหลังเคลื่อนไหว, ระบบสี, ฟอนต์ และชุดไอคอน

Shadcn Space

Shadcn Space คือแพลตฟอร์มรวมบล็อก คอมโพเนนต์ เทมเพลต และเลย์เอาต์ UI สำหรับ React/Next.js ช่วยให้นักพัฒนานำไปใช้และปรับแต่งได้เร็วขึ้น

AI Era

AI Era เป็นฐานข้อมูลระบบการออกแบบคัดสรร แสดงแนวทาง AI แบบแผน เครื่องมืออัตโนมัติ แหล่งอ่าน และสัญญาณงาน จากระบบจริง เพื่อช่วยออกแบบ UI/UX ผสาน AI

Modaic

Modaic เป็นแพลตฟอร์มให้ผู้พัฒนาจัดเวอร์ชัน บรรจุ และร่วมมือบนโปรแกรม DSPy เพื่อสร้าง จัดการ และแชร์โค้ดสำหรับใช้งาน LLM

figr

แอป Figr AI ช่วยออกแบบผลิตภัณฑ์อย่างรวดเร็วและสะดวก สร้างโฟลว์ผู้ใช้ วิวร์เฟรม และระบบออกแบบง่าย ๆ

Tokens Studio

Tokens Studio เป็นเครื่องมือสำหรับจัดการโทเค็นการออกแบบ ช่วยให้สร้าง แก้ไข และซิงโครไนซ์โทเค็นในแพลตฟอร์มการออกแบบต่างๆ ได้ง่ายขึ้น.

ShadCN Themes

แอปเว็บสำหรับค้นหาและสร้างธีมสำหรับ shadcn/ui: เลือกธีมจากชุมชน ปรับสีด้วยตัวเลือก OKLCH เลือก Google Fonts ปรับมุมขอบ และส่งออกธีมสำหรับ Next.js

SeamUI

แอปไคลเอนต์ AI สำหรับสร้างและจัดการภาพ ช่วยขยายเวิร์กโฟลว์งานสร้างสรรค์สำหรับครีเอเตอร์ นักออกแบบ และนักการตลาด